html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
    margin: 0;
    padding: 0;
    border-spacing:0px !important;
    outline:medium;
    word-break:break-word;
    border:none;
    list-style:none;
}


/*A*/
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
/*img*/
img{ border:0 none; max-width: 100%; }

/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
    float:left;
    display:inline;
}
.fr{
    float:right;
    display:inline;
}
.clr:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
.clr {
    zoom: 1;
}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.hide{display:none;}
.clear{clear:both;}
h2,i,em{ font-style:normal; font-weight: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}

body{ padding:0px; margin:0px auto; font-size:16px; background-color: #f2f2f5; color: #333333; }

.w1200{ width: 1200px; margin: 0 auto;padding-top: 40px; }

/* .header{ height: 40px;  background: #181921!important; font-size: 12px;  line-height: 40px;}
.header .phone{ color: #999999; background: url(../images/index_top_03.png) left center no-repeat;  padding-left: 20px; }
.header .phone i{ color: #00ffe5; }
.header .r_list li { padding-left: 28px; margin-left: 20px; cursor: pointer; position: relative;  }
.header .r_list li span{color: #999999;  }
.header .r_list li.xcx span{color: #06c1ae!important;  }
.header .r_list li:hover span{ color: #06c1ae;  }
.header .r_list li.wechat{ background: url(../images/index_top_05.png) left center no-repeat; }
.header .r_list li.wechat:hover{ background: url(../images/index_top_05on.png) left center no-repeat; }
.header .r_list li.app{ background: url(../images/index_top_07.png) left center no-repeat; }
.header .r_list li.app:hover{ background: url(../images/index_top_07on.png) left center no-repeat; }

.header .r_list li.xcx{ background: url(../images/index_top_12on.png) left center no-repeat; }
.header .r_list li.return{ background: url(../images/index_top_09.png) left center no-repeat;  }
.header .r_list li.return:hover{ background: url(../images/index_top_09on.png) left center no-repeat; }
.header .r_list li .ewm{ position: absolute; width: 150px; padding: 0 10px; height: 160px; background: rgba(255,255,255,0.83); background:#fff\0;filter: alpha(opacity=8);  border: #2bffe9 1px solid; top: 40px; left: 0px; display: none; z-index: 99;}
.header .r_list li .ewm:after{ content: ''; display: block; content: "";display:block;border-top: 6px solid #00ffe5;border-left: 8px solid transparent;border-right:8px solid transparent;position: absolute;transform:rotate(180deg); top: -7px; left: 32px;}
.header .r_list li .ewm .visit{  line-height: 14px; border-left: #00ffe5 2px solid; padding-left: 8px; margin-top: 14px; }
.header .r_list li .ewm .img{ text-align: center; margin-top: 16px;}
.header .r_list li .ewm img{  width: 96px; height: 96px; display: inline-block; vertical-align: middle; text-align: center; } */

/* .nav{ height:50px; padding: 20px 0; background: #fff;  }
.nav.on{ position: fixed;top: 0px; left: 0px; width: 100%; z-index: 9999; box-shadow: 0px 0px 10px 2px #dddddd; }
.nav .logo{ width:266px; height: 50px;  }
.nav .logo a{display: block; width:266px; height: 50px; }
.nav .logo img{ width:266px; height: 50px;   }
.nav .nav_url li{ position: relative; margin: 0 20px;  }

.nav .nav_url li a.url{  color: #333333; font-size: 16px; display: block; line-height: 50px;  position: relative; transition: all 0.5s; }
.nav .nav_url li.car a.url{ padding-right: 20px; }
.nav .nav_url li.car a.url:after{  content: ''; display: block;  width: 9px; height: 6px; background: url(../images/jt_05.png) center no-repeat; position: absolute; right: 0px; top: 22px; transition: all 0.5s;}
.nav .nav_url li a.url.on{ color: #06c1ae; }
.nav .nav_url li.car a.url.on:after{ background: url(../images/jt_03.png) center no-repeat; }
.nav .nav_url li .drop-down{ position: absolute;  top: 50px; line-height: 42px; left: -5px; background: #fff; width: 210px; border-top: 2px solid #06c1ae; box-shadow: 0px 0px 10px 2px #e4e4e4; display: none; z-index: 99;}
.nav .nav_url li .drop-down a{ display: block; color: #333333; padding-left: 24px; transition: all 0.5s; position: relative;}
.nav .nav_url li .drop-down a.on:after{ content: ''; display: block; background: url(../images/jt_10.png) center no-repeat; width: 4px;height: 6px;position: absolute; right: 30px; top: 18px;transition: all 5s;  }
.nav .nav_url li .drop-down a.on{ background: #ededed; padding-left: 35px; color: #06c1ae; }

.nav .nav_url li.active a.url{ color: #06c1ae; }
.nav .nav_url li.active a.url:after{ background: url(../images/jt_03.png) center no-repeat; } */

.banner{ height: 500px;  position: relative; overflow: hidden; }
.banner ul { height: 100%; }
.banner ul li{ position: absolute; height: 500px; top: 0px; left: 0px; width: 100%;}
.banner ul li a{ display: block; height: 100%; }

.switch{ width: 1200px; position: absolute; bottom: 110px; left: 50%; margin-left: -600px; z-index: 999; }

.banner ol li{ width: 26px; height: 4px; background: rgba(255,255,255,0.35);  margin-left: 6px; float:left}
.banner ol li.active{ background: #fff; }

.link{ position: absolute;width: 1200px;left: 50%; margin-left: -600px; bottom: 0px; z-index: 99;}
.link dd{ float: left;  }
.link dd a{ display: block; width: 200px; box-sizing: border-box; text-align: center; color: #fff; padding: 62px 0 20px 0;line-height: 1; font-size: 16px; position: relative;  border-left: #63708a 1px solid;  background: rgba(0,0,0,0.6); background:black\0;filter: alpha(opacity=60);  transition: all 0.5s; }
.link dd a:hover{ color: #00ffe5; }
.link dd a i{ display:block;  width: 38px; height: 32px; position: absolute; top: 20px; left: 50%; margin-left: -19px; transition: all 0.5s; background: url(../images/zlt.png) no-repeat;  }
.link dd.sht a i{background-position: 0px -117px;}
.link dd.sht a:hover i{ background-position: 0px -77px; }
.link dd.zhsq a i{background-position: 0px -40px;}
.link dd.zhsq a:hover i{ background-position: 0px -0px; }
.link dd.znjq a i{ background-position: 0px -440px;}
.link dd.znjq a:hover i{ background-position: 0px -403px; }
.link dd.wsxt a i{ background-position: 0px -360px;}
.link dd.wsxt a:hover i{ background-position: 0px -318px; }
.link dd.smyy a i{ background-position: 0px -275px;}
.link dd.smyy a:hover i{ background-position: 0px -235px; }
.link dd.xxzn a i{ background-position: 0px -198px;}
.link dd.xxzn a:hover i{ background-position: 0px -160px; }

.development{background: #fafafa;height: 749px;overflow: hidden;}
.development .model_top{text-align: center;padding-bottom: 32px;}
.development .model_top h2 {color: #222222;font-size: 30px;padding: 60px 0 33px 0;position: relative;line-height: 1;}
.development .model_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px;
    left: 50%; margin-left: -20px; }
.development .h2{ height: 90px; }
.development .deve_left{ width: 780px; padding-right: 20px;  height: 594px;}
.development .h2 .tit{ font-size: 24px; color: #161929; position: relative; line-height: 1; padding: 30px 0 20px 0;  height: 40px;}
.development .h2 .tit:after{ content: ''; display: block; position: absolute; width: 35px; height: 4px; background: #ffce2a; left:0px; bottom: 20px; }
.development .h2 .more{ padding: 25px 0; }
.development .h2 .more a{ font-size: 14px; color: #a3a3a5; transition: all 0.5s; line-height: 40px; }
.development .h2 .more a:hover{ color: #00ffe5;}
.development .h2 .more a em{ margin-top: 18px; margin-right: 3px; }
.development .h2 .more i{ display: inline-block; width: 6px; height: 6px; border-radius: 100%; margin-right: 5px; }
.development .h2 .more i.i1{ background: #06c1ae; }
.development .h2 .more i.i2{ background: #5fe0d3;}
.development .h2 .more i.i3{ background: #a6f4ec;}

.development .remind .img{ width: 185px; height: 113px; overflow: hidden; }
.development .remind .img img{ width: 100%; height: 100%;vertical-align: top;}
.development .remind .time{ width: 60px;margin: 2px 13px 0 30px; text-align: center;}
.development .remind .time em,.remind .time i{ display: block; font-family: "Arial"; }
.development .remind .time em{ line-height: 40px; font-size: 18px; color: #eee; font-weight: bold;  background: #06c1ae;}
.development .remind .time i{ font-size: 14px; line-height: 30px; background: #e7e7e7; color: #333333; }
.development .remind{ padding: 20px 0; border-bottom: #e4e4e4 1px solid; }
.development .remind:nth-child(2){padding-top: 0;}
.development .remind .cont{ width: 476px; height: 113px; position: relative;  }
.development .remind .cont h2 a{ color: #333333; font-size: 18px; line-height: 26px; padding-bottom: 5px; transition:all 0.5s; overflow: hidden;word-break: keep-all; white-space: nowrap;
    text-overflow: ellipsis; display:block }
.development .remind .cont h2 a:hover{ color:#06c1ae;  }
.development .remind .cont p{ height: 70px; font-size: 14px; color: #808080; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
.development .remind .cont .con_bot{ bottom: 0px; left: 0px; position: absolute; width: 100%; }
/*.development .remind .cont a.more{ color: #04e0ca; font-size: 12px; display:inline-block; line-height: 1; padding-top: 8px;  }*/
.development .remind .cont a.more{ color: #04e0ca; font-size: 12px; display:inline-block; line-height: 0;padding-top: 8px;  }
.development .list li{ float: left; margin-left: 60px; }
.development .list a{ line-height: 20px; height: 20px; padding: 20px 0; font-size: 14px; color: #333333; padding-left: 12px; background: url(../images/list_03.jpg) left center no-repeat;  display: block; transition:all 0.5s; }
.development .list a span{ width: 265px; display: inline-block; overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; }
.development .list a i{ margin-top: 4px; font-size: 12px; color: #808080; border-left: #808080 1px solid; margin-left: 5px;  padding-left: 5px; display: inline-block; line-height: 13px; }
.development .list a:hover{ color: #06c1ae; }
.development .list a span,.list a i{  float: left; }

.development .deve_right{ width: 400px; height: 594px; }
.development .deve_right .h2{ padding: 0 20px; }

.development .deve_right .con_end{ padding: 0 30px; }
/*.development .deve_right .con_end .time{ width: 78px; font-size: 20px; color: #06c1ae; margin-top: 5px; }*/
.development .deve_right .con_end li{ margin-bottom: 34px; }
.development .deve_right .con_end .cont{ width: 255px; }
.development .deve_right .con_end .cont h2{ font-size: 16px; color: #333333; line-height: 1; padding-bottom: 15px;overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; }
.development .deve_right .con_end .cont h2 .dot{ display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #06c1ae;margin-right: 10px;margin-bottom: 2px;}
.development .deve_right .con_end .cont p{ font-size: 12px; color: #999999;overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; line-height: 1;  }
.development .deve_right .con_end .cont .time{font-size: 12px;color: #9c999c;padding-top: 15px;}
.development .deve_right .con_end .cont .time .first{margin-right: 50px;}
.development .deve_right .con_end .cont .time img{vertical-align: text-bottom;margin-right: 10px;}
.development .deve_right .con_end li a:hover h2{ color: #06c1ae; }




.change{ height: 836px;  background: url(../images/qct_13.jpg) center bottom no-repeat #fff;  position: relative; overflow: hidden;}
.change:after{ content: ''; display: block; position: absolute; width: 781px; height: 411px; background: url(../images/bjt_03.jpg) center no-repeat; left: 0px; top: 0px; }
.change:before{ content: ''; display: block; position: absolute; width: 727px; height: 208px; background: url(../images/ssht.jpg) center no-repeat; right: 0px; top: 0px; }

.change .w1200{ position: absolute;  left: 50%; margin-left: -600px; z-index: 99; }
.change .change_top{ text-align: center; }
.change .change_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.change .change_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px;
    left: 50%; margin-left: -20px; }
.change_top ul{ display: inline-block; margin-top: 40px;border-right: #cccccc 1px solid; }
.change_top li{ float: left; width: 190px; text-align: center; line-height: 44px;  color: #333333; font-weight: bold; font-size: 18px; border: #cccccc 1px solid;  box-sizing: border-box; border-right: none; cursor: pointer;}
.change_top li.on{ background: #06c1ae; color: #fff;border: #06c1ae 1px solid; }

.change .dd_list{ width: 1200px; position: relative; height: 620px; }
.change .dd_list dd{ height: 620px; }

i.posi{ position: absolute; z-index: 100; }
.pos{ position: absolute; z-index: 88; padding-left: 60px; }
.pos h2{ font-size: 20px; color: #202020; line-height: 28px; }
.pos p{ color: #666666; font-size: 16px; line-height: 24px; }
.change .dd_list dd{ display: none; }
.change .dd_list .moid{position: absolute; text-align: center; width: 420px; height: 420px; left: 50%; margin-left: -210px; background: url(../images/yuan_03.png) center no-repeat;  top: 86px; z-index: 99;}
.change .dd_list .js{ position:absolute; width: 833px; background: url(../images/jst_03.png) center no-repeat; height: 135px;  bottom: 0px; left: 235px; z-index: 77; }
.change .dd_list .trophy{ width: 110px; height: 110px; background: url(../images/tubi_16.png) center no-repeat; display: inline-block; margin-top: 120px; }
.change .dd_list .moid h2{ line-height: 1; color: #222222; font-size: 24px; padding-top: 22px; }
.change .dd_list .moid p{ color: #999999; font-size: 14px; line-height: 1; text-transform: uppercase; padding-top: 10px;}

.change .dd_list .s1{  top: 60px; left: 60px; }
.change .dd_list .s1_pd{ width: 395px; height: 11px; background: url(../images/bjtiu_03.png) center no-repeat; left: 60px; top: 145px; }

.change .dd_list .s2{top: 188px; left: 0px; }
.change .dd_list .s2_pd{ width: 401px; height: 40px; background: url(../images/bjtiu_11.png) center no-repeat; left: 0px; top: 277px; }

.change .dd_list .s3{  top: 324px; left: 100px; }
.change .dd_list .s3_pd{ width: 345px; height: 37px; background: url(../images/bjtiu_19.png) center no-repeat; left: 100px;  top: 377px; }

.change .dd_list .s4{  left: 88px; top: 450px; }
.change .dd_list .s4_pd{ width: 395px; height: 78px; background: url(../images/bjtiu_26.png) center no-repeat; left: 88px;  top: 462px;  }

.change .dd_list .s5{   left: 848px; top: 60px; }
.change .dd_list .s5_pd{ width: 397px; height: 41px; background: url(../images/bjtiu_06.png) center no-repeat; left: 735px;  top: 142px;  }

.change .dd_list .s6{ left: 812px; top: 190px; }
.change .dd_list .s6_pd{ width: 404px; height: 34px; background: url(../images/bjtiu_14.png) center no-repeat; left: 800px;  top: 280px;  }

.change .dd_list .s7{ left: 803px; top: 325px; }
.change .dd_list .s7_pd{ width: 442px; height: 36px; background: url(../images/bjtiu_22.png) center no-repeat; left: 755px;  top: 380px;  }

.change .dd_list .s8{ left: 730px;  top: 471px; }
.change .dd_list .s8_pd{ width: 494px; height: 80px; background: url(../images/bjtiu_29.png) center no-repeat;  left: 683px; top: 480px; }

.highlight ul{ padding-top: 56px; }
.highlight ul li{ float: left; width: 300px; height: 220px; text-align: center; margin-bottom: 20px; transition: all 0.5s; border-radius: 10px; }
.highlight ul li img{ display: inline-block; padding-top: 22px; width: 70px; height: 70px; transition: all 0.5s; }
.highlight ul li h2{ font-size: 16px; color: #333333; font-weight: bold; line-height: 1; position: relative; margin-top: 18px; padding-bottom: 15px; }
.highlight ul li h2:after{content: ''; display: block; position: absolute; width: 30px; bottom: 0px; height: 3px; background: #0cd579; left: 50%; margin-left: -15px;}
.highlight ul li p{ font-size: 12px; color: #999999; line-height: 20px;  padding: 10px 40px 0px 40px; }
.highlight ul li:hover{ background: #fff; box-shadow: 0px 0px 20px 5px #dbf6f3;  }

.highlight ul li:hover img{ transform: scale(1.05); }

.highlight .bj{ width: 833px; height: 135px; background: url(../images/jst_03.png) center no-repeat; position: absolute; bottom: 0px; left: 235px;}


.model{ height: 705px;  position: relative; overflow: hidden;}
.model:after{ position: absolute; content:''; display: block; width: 592px; height: 705px; top: 0px; left: 0px; background: url(../images/heighyb_01.jpg) center no-repeat; }
.model:before{ position: absolute; content:''; display: block; width: 491px; height: 705px; top: 0px; right: 0px; background: url(../images/heighzy_03.jpg) center no-repeat; }

.model .xf{ position: absolute;  z-index: 9;}
.model .mod1{ width: 52px; height: 52px; background: url(../images/xbjt_06.png) center no-repeat; left: 158px; top: 75px;  }
.model .mod2{ width: 268px; height: 150px; background: url(../images/bjxt_16.png) center no-repeat; left: 0px; bottom: 0px;  }
.model .mod3{ width: 176px; height: 75px; background: url(../images/xbjt_03.png) center no-repeat; right: 100px; top: 0px;  }
.model .mod4{ width: 63px; height: 61px; background: url(../images/xbjt_11.png) center no-repeat; right: 225px; top: 402px;  }
.model .mod5{ width: 176px; height: 218px; background: url(../images/xbjt_14.png) center no-repeat; right: 0px; bottom: 60px;  }

.model .w1200{ position: absolute;  left: 50%; margin-left: -600px; z-index: 99; height: 705px;}
.model .model_top{ text-align: center; }
.model .model_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.model .model_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px; left: 50%; margin-left: -20px; }

.model .model_ul{margin-top: 50px; }

.model .model_ul li{ border:#ebebeb 1px solid; height: 482px; float: left; width: 240px; overflow: hidden;  position: relative;  border-left:none; box-sizing: border-box; transition: width 1s; background: #fcfdfd;}
.model .model_ul li .column{ padding: 20px; position: absolute; height: 442px; left: 0px;top: 0px;  width: 200px; }
.model .model_ul li .column .col_top{ position: absolute; width: 200px; left: 20px; top: 20px;  }

.model .model_ul li .column h2.tit{ font-size: 28px; color: #333333; line-height: 1; margin-top: 25px;}
.model .model_ul li .column p.p{ color: #999999; font-size: 14px; margin-top: 15px; line-height: 1; overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; }

.model .model_ul li .column .img,.model .model_ul li .column .img-hover{ position: absolute; width: 95px; height: 72px; left: 50%; margin-left: -47.5px;    }
.model .model_ul li .column .img{  top: 176px;}
.model .model_ul li .column .img-hover{ top: -90px; }


.model .model_ul li .column dl.dl{ position: absolute; bottom: 20px; left: 20px;  }
.model .model_ul li .column dl.dl dd{ width: 90px; height: 30px; line-height: 30px;overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; color: #666666; font-size: 14px;  text-align: center; margin-right: 18px; float: left; margin-top: 10px; background: #eff0f0;}

.model .hover_dl{ position: absolute; width: 240px; left: 0px;  text-align: center; bottom: -250px; }
.model .hover_dl dd { margin-top: 20px; }
.model .hover_dl dd a{ display:inline-block; width: 115px; height: 35px; line-height: 35px; border-radius: 20px; border:#cccccc 1px solid; font-size: 16px; color: #b4f1f2;  transition: all 0.5s; }
.model .hover_dl dd a:hover{ color: #06c1ae; background: #ffffff; border:#ffffff 1px solid; }


.model .model_ul li.on{ width: 480px;  }
.model .model_ul li.on .column{ background: #06c1ae }
.model .model_ul li.on .column .col_top{ top: 120px; }
.model .model_ul li.on .column h2.tit{  text-align: center; color: #fff;}
.model .model_ul li.on .column p.p{ color: #b4f1f2;}
.model .model_ul li.on .column .img-hover{  top: 55px; }
.model .model_ul li.on .column .img{ left: -55px;}

.model .model_ul li.on .column dl.dl{ bottom: -200px; }
.model .model_ul li.on .column .hover_dl{ bottom: 30px; }

.model .model_ul li .column_ri dd{ margin-bottom: 25px; }
.model .model_ul li .column_ri{ padding: 20px; position: absolute; height: 442px; left: 240px;top: 0px;  width: 200px; background: #03a9f4;}
.model .model_ul li .column_ri h2{ font-size: 16px; color: #ffffff; line-height: 1; }
.model .model_ul li .column_ri p{ color: #b4f1f2; font-size: 12px; margin-top: 12px; margin-bottom: 12px; line-height: 1; overflow: hidden; word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; }
.model .model_ul li .column_ri dd a{ display: block; width: 70px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; color: #b4f1f2; border:#6fead1 1px solid; transition: all 0.5s; }
.model .model_ul li .column_ri dd a:hover{ color: #06c1ae;background: #ffffff;border: #ffffff 1px solid; }

.column_ri .more{  font-size: 16px; color: #fff; padding-right: 20px; background: url(../images/yjt_03.png) right center no-repeat; line-height: 30px; }


.solve{ height: 672px;  position: relative;  overflow: hidden;  }
.solve:after{ content: ''; display: block; -webkit-animation:syiconnscale 20s linear infinite;-moz-animation:syiconnscale 20s linear infinite;animation:syiconnscale 20s linear infinite; height: 672px;  position: absolute; width: 100%; background: url(../images/bjlt_02.jpg) center no-repeat; background-size: cover;}

.solve .w1200{position: absolute;  left: 50%; margin-left: -600px; z-index: 99; height: 672px;}
.solve .solve_top{ text-align: center; }
.solve .solve_top h2{ color: #fff; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.solve .solve_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px; left: 50%; margin-left: -20px; }

.solve .solve_ul{ height: 450px;  }
.solve .solve_ul li{ height: 450px; width: 200px; float: left; position:relative; overflow: hidden; }
.solve .solve_ul li i{ display: block; width: 200px; height: 4px; position: absolute; top: 446px; left: 0px; z-index: 99; transition: all 1s;  }
.solve .solve_ul li.li1 i{ background: #448aff; }
.solve .solve_ul li.li2 i{ background: #1ed5b7; }
.solve .solve_ul li.li3 i{ background: #fed387; }
.solve .solve_ul li.li4 i{ background: #eb6451; }
.solve .solve_ul li.li5 i{ background: #f24fd9; }
.solve .solve_ul li.li6 i{ background: #5be6e3; }
.solve .solve_ul li:after{ content: ''; display: block; position: absolute; width: 200px; height: 450px; background: rgba(19,43,41,0.6); }
.solve .solve_ul li .con{ position: absolute; width: 200px; left: 0px; text-align: center; top: 135px; z-index: 9; transition: all 1s; }
.solve .solve_ul li .con img{ width: 120px; height: 85px; }
.solve .solve_ul li .con p{ color: #fff; font-size: 26px; padding-top: 16px; line-height: 1; }

.solve .solve_ul li .con_hover{ height: 450px; width: 170px; position: absolute; z-index: 10; -webkit-animation:flipInY 1.5s 0.5s ease both;-moz-animation:flipInY 1.5s 0.5s ease both;  padding: 0 15px; top: 450px; left: 0px; transition: all 1s; }
.solve .solve_ul li.li1 .con_hover{ background: rgba(53,95,165,0.8); background:#355fa5\0;filter: alpha(opacity=80); }
.solve .solve_ul li.li2 .con_hover{ background: rgba(58,168,155,0.8); background:#3aa89b\0;filter: alpha(opacity=80);}
.solve .solve_ul li.li3 .con_hover{ background: rgba(254,211,135,0.8); background:#fed387\0;filter: alpha(opacity=80); }
.solve .solve_ul li.li4 .con_hover{ background: rgba(235,100,81,0.8); background:#eb6451\0;filter: alpha(opacity=80); }
.solve .solve_ul li.li5 .con_hover{ background: rgba(156,65,142,0.8); background:#9c418e\0;filter: alpha(opacity=80); }
.solve .solve_ul li.li6 .con_hover{ background: rgba(91,230,227,0.8); background:#5be6e3\0;filter: alpha(opacity=80); }



.solve .solve_ul li .con_hover h2{ font-size: 24px; color: #fff; text-align: center;  line-height: 30px; margin-top: 45px; margin-bottom: 20px;}
.solve .solve_ul li .con_hover p{ font-size: 12px; color: #fff;  line-height: 24px;}
.solve .solve_ul li .con_hover a{ width: 100px; height: 40px; display: block; line-height: 40px; font-size: 14px; color: #fff; text-align: center; position: absolute; left: 50%; margin-left: -50px; background:rgba(0,0,0,0.2); bottom: 40px;  transition: all 0.5s;}

.solve .solve_ul li .con_hover a:hover{ background: #fff; }

.solve .solve_ul li.li1 .con_hover a:hover{  color:#355fa5 }
.solve .solve_ul li.li2 .con_hover a:hover{  color:#3aa89b}
.solve .solve_ul li.li3 .con_hover a:hover{  color:#fed387 }
.solve .solve_ul li.li4 .con_hover a:hover{  color:#eb6451 }
.solve .solve_ul li.li5 .con_hover a:hover{  color:#9c418e }
.solve .solve_ul li.li6 .con_hover a:hover{  color:#5be6e3 }

.solve .solve_ul li.on .con{ top:-135px;  }
.solve .solve_ul li.on i{ top: 0px;   }
.solve .solve_ul li.on .con_hover{ top: 0px; }

.solve_end{ position: relative; height: 450px;  margin-top: 50px;}
.solve_end a.clk{ width: 40px; height: 40px; display: block; position: absolute; top:50%; margin-top: -20px;  }
.solve_end a.prev{ background: url(../images/hdt_17.png) center no-repeat; left: -70px; }
.solve_end a.next:hover{ background: url(../images/hdt_20.png) center no-repeat;  }
.solve_end a.next{ background: url(../images/hdt_14.png) center no-repeat; right: -70px; }
.solve_end a.prev:hover{ background: url(../images/hdt_21.png) center no-repeat; }


.team{ height: 594px;  background: url(../images/xbji_02.jpg); }
.team .team_top{ text-align: center; }
.team .team_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.team .team_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px; left: 50%; margin-left: -20px; }

.team .team_end{ height: 370px; margin-top: 50px; }
.team .team_end .team_list{ width: 681px; height: 370px; }
.team .team_end .team_list li{ float: left; width: 227px; text-align: center; height: 185px; background: #fff; border-right: #f7f7f7 1px solid; border-bottom: #f7f7f7 1px solid; box-sizing: border-box;  display: table; }
.team .team_end .team_list .li_n{ display: table-cell; vertical-align: middle; }
.team .team_end .team_list .img img{ width: 73px; height: 73px; transition: all 1s;  }
.team .team_end .team_list h2{ font-size: 14px; color: #333333; line-height: 24px; margin-top: 5px; }
.team .team_end .team_list p{ font-size: 12px; color: #ababab; line-height: 18px; padding: 0 15px; margin-top: 5px;}

.team .team_end .team_list li:hover img{ -webkit-animation: bounce 0.8s 0s ease both;}

.team .team_end .team_pho{ width: 519px; height: 370px; overflow: hidden; position: relative;  }
.team .team_end .team_pho .team_ul li img{ width: 519px; height: 370px; vertical-align: middle; }
.team .team_end .team_pho .team_ul li{ float: left;  width: 519px; height: 370px; }
.team .team_end .team_pho .hd{ position: absolute; left: 20px; bottom: 15px;  }
.team .team_end .team_pho .hd li{ width: 20px; height: 3px; background: #f7f7f7; float: left; margin-left:4px; cursor: pointer;  }
.team .team_end .team_pho .hd li.on{ background: #06c1ae; }

.case{  height: 726px; background: #fff;}
.case .w1200{ position: relative; }
.case .case_logo{ width: 200px; height: 337px; background: url(../images/indext_16.png) center no-repeat; left: 0px; top: -37px; position: absolute; text-align: center;  }
.case .case_logo i{font-size: 36px; color: #fff; padding-top: 90px; line-height: 1; display: inline-block;  }
.case .h2{ padding-left: 225px; font-size: 36px; color: #222222; line-height: 45px; padding-top: 80px; }

.carousel { margin-top: 110px; position: relative; }
.carousel .car_ul li .dia{ width: 210px; height: 212px;  background: url(../images/lingxt_03.png) center no-repeat; float: left; position: relative; overflow: hidden; box-sizing: border-box; cursor: pointer; }
.carousel .car_ul li .dia i{  display: block;  width: 148px; height: 148px; transform:rotate(-45deg); -webkit-ransform:rotate(-45deg); -moz-ransform:rotate(-45deg); }
.carousel .car_ul li .dia .dia_n{  display: block; width: 145px; height: 145px; transform:rotate(45deg); -webkit-ransform:rotate(45deg); -moz-ransform:rotate(45deg); overflow: hidden; position: absolute; top: 33px; left: 32px; }

.carousel .car_ul li .dia.d1{ margin-left: 145px; }
.carousel .car_ul li .dia.d6{  margin-left: 40px; }
.carousel .car_ul li .dia.d6,.dia.d7,.dia.d8,.dia.d9,.dia.d10{ margin-top: -60px }
.carousel .car_ul li .dia i.pho-hover{ display: none; }
.carousel .car_ul li .dia:hover .pho-hover{ display: block; }
.carousel .car_ul li .dia:hover .pho{ display: none; }
.carousel .hd{ position:absolute; top: 420px; width: 1200px;  height: 15px; text-align: center;  }
.carousel .hd li{  display: inline-block; width:15px; height: 15px; border:#dbdbdb 1px solid; border-radius: 100%; margin-left: 15px; cursor: pointer;  }
.carousel .hd li.on{ background: #03a9f4; border:#03a9f4 1px solid; }

.carousel .clk{ position: absolute; width: 40px; transition: all 0.5s; height: 40px; transform:rotate(45deg); -webkit-ransform:rotate(45deg); -moz-ransform:rotate(45deg); top: 160px;  background: #e3e3e3; }
.carousel .clk:after{ content: '';display: block;  position: absolute;width: 40px; height: 40px; background: url(../images/ZY_03.png) center no-repeat }
.carousel .prev:after{ transform:rotate(-45deg); -webkit-ransform:rotate(-45deg); -moz-ransform:rotate(-45deg); }
.carousel .next:after{ transform:rotate(135deg); }
.carousel .prev{ left: 40px; }
.carousel .next{ right: 0px; }
.carousel .clk:hover{ background: #03a9f4; }


.news{ height: 553px; background: #fff; }
.news .news_top{ text-align: center; }
.news .news_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.news .news_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px; left: 50%; margin-left: -20px; }

.news .deve_left{ background: #fff; margin-top: 20px; width: 578px;  height: auto;}
.news .remind{  margin-top: 5px; padding-bottom: 20px; }
.news .remind .img,.news .remind .img img{ width: 214px; height: 118px; }
.news .remind .cont{margin-left: 20px; width: 328px;   height: 118px;}
.news .remind .cont h2 a{ color: #03a9f4; }
.news .con_bot i{ font-size: 12px; color: #808080; line-height: 1; padding-top: 8px; display:block; }

.news .list a span{ width: 240px; }

.news .list li{ margin-left: 0px; margin-right: 48px; }
.news .list a i{ display: block; border:none; }
.news .list a{ padding: 15px 0 0 0; padding-left: 12px; height: auto; background: url(../images/list_03.jpg) left 24px no-repeat; }
.news .list a span, .list a i{ float: none; }

.news .list a i{ margin: 0px;padding: 0px; line-height: 1; padding-top: 14px; }

.news .deve_left1{ padding: 0; padding-left: 20px; position: relative;}
.news .deve_left1:after{ content: ''; display: block; width: 1px; height: 300px; background: #e4e4e4; position: absolute; left: -4px; top: 50px; }

.development .remind .img:hover img{ -webkit-transform:scale(1.5); }
.development .remind .img img{ transition: all 0.5s; }

.footer{ background: #2e3234; }
.footer .advertisement { height: 120px; border-bottom: #2a2b32 1px solid; }

.footer .one_ul{ padding-top:40px; padding-left: 75px; }
.footer .one_ul li{ float: left; height: 225px; width: 225px; border-right:#2a2b32 1px solid; line-height: 1; padding-top: 6px; box-sizing: border-box; }
.footer .one_ul dl.one{ padding: 0px; }
.footer .one_ul .one dd{  position: relative;  width: 210px; margin: 0px;}
.footer .one_ul .one dd:after{ position: absolute; width: 34px; height: 40px; content: '';display: block; background: url(../images/botb_03.png) left top no-repeat; left: -60px; top: 0px;-webkit-animation:bounceleft 2s linear infinite; }
.footer .one_ul .one i{ font-size: 16px; color: #a9a9a9; }
.footer .one_ul .one p.time{ font-size: 28px; color: #ffffff; font-family:"Arial"; padding-top: 10px; padding-bottom: 20px; }
.footer .one_ul .one p.pho{ font-size: 16px; color: #ffffff; padding-bottom: 12px; }
.footer .one_ul .one a{ width: 140px; height: 40px; margin-top: 5px; background: url(../images/botb_10.png) center no-repeat; display: block; }

.footer .one_ul dl{ padding-left: 15px; }
.footer .one_ul dl dt{ font-size: 18px; color: #ffffff;  }
.footer .one_ul dl dd{ margin-top: 16px; font-size: 14px; }
.footer .one_ul dl dd a{  color: #ffffff; transition: all 0.5s; }
.footer .one_ul dl dd a:hover{ color: #03a9f4; }
.footer .one_ul dl dd a.on{ color: #03a9f4;  }
.footer .one_ul dl dd a .img{ width: 80px; height: 80px; margin-top: 16px; display: none; }
.footer .one_ul dl dd a.on .img{ width: 140px; height: 80px; margin-top: 16px;  display: block; }
.footer .bingdee{display: inline-block;width: 140px;text-align: center;}
.footer .guanzhu{text-align: center;width: 140px;}

.footer .friendship{ padding: 20px 0; border-top:#2a2b32 1px solid; border-bottom:#2a2b32 1px solid; margin-top: 30px; line-height: 1; font-size: 14px; }
.footer .ship_list{ padding-bottom: 16px;  }
.footer .ship_list span{  color: #ffffff; }
.footer .ship_list .p103{ padding-left: 103px; }
.footer .ship_list dd{ float: left; /*width: 155px;*/ text-align: left;margin-right: 50px; }
.footer .ship_list a{ color: #949494; transition: all 0.5s;white-space:nowrap; }
.footer .ship_list a:hover{ color: #03a9f4; }
.footer .p_no{  padding: 0px; }

.footer .bottom_p{ font-size: 14px; color: #a9a9a9; line-height: 83px; margin-top: 6%;}
.h90{ height: 90px; display: none; }

.banner ul li a .w1200{ position: relative; height: 500px; }

.mg_pos{ position: absolute; z-index: 2; }
.banner ul li .mg1{ z-index: 1;left: 0px; top: 0px; }
.banner ul li .mg2{ top: 125px; left: 215px; }
.banner ul li .mg3{ top: 240px; left: 200px; }
.banner ul li .mg4{ top: 280px; left: 157px; }
.banner ul li .mg5{ top: 280px; left: 337px; }
.banner ul li .mg6{ top: 280px; left: 522px; }
.banner ul li .mg7{ top: 280px; left: 706px; }
.banner ul li .mg8{ top: 280px; left: 890px; }
.banner ul li .mg9{ top: 125px; left: 136px; }
.banner ul li .mg10{ top: 160px; left: 1045px;}
.banner ul li .mg11{ left: 50px; top: 355px; }
.banner ul li .mg12{ top: 225px; left: 1080px; }





.pa {position: absolute;}
.pr {position: relative;}
.ofh {overflow: hidden;}
.news_list{ background: #fff; padding-top: 30px; }
.news_list .newRight{ background: #fff; width: 275px; }
.news_list .newRight>.hd { margin: 15px 10px; }
.news_list .newRight>.hd h2 {  font-size: 16px;  color: #202020; }
.news_list .newRight>.hd a {  right: 0;  bottom: 0;  color: #06c1ae;  font-size: 12px; }
.news_list .newsList .hd li{width: 80px;float: left;padding: 5px 0;color: #3d3d3d;font-size: 12px;text-align: center;border-bottom: 2px solid #fff;cursor: pointer}
.news_list .newsList .hd li.on{border-bottom-color:#06c1ae;color: #06c1ae}
.news_list .newsList .bd{}
.news_list .newsList .bd .n{overflow: hidden;margin: 0 10px;margin-top: 15px;}
.news_list .newsList .bd .n .i-pic{line-height:60px;width: 90px;text-align: center;height: 60px;margin-right: 8px;overflow: hidden}
.news_list .newsList .bd .n .i-pic img{display: block;width: 100%;height: 100%; transition: all 0.5s;}
.news_list .newsList .bd .n .desc h3{line-height: 15px;}
.news_list .newsList .bd .n .desc h3 a{font-size: 12px;color: #6d6d6d; transition: all 0.5s;}
.news_list .newsList .bd .n .desc .time{font-size: 12px;color: #6d6d6d}
.news_list .newsList .bd .n .desc p{color: #9d9d9d;font-size: 12px;padding: 5px 0}
.news_list .newsList .bd .n:hover .desc h3 a{color: #06c1ae}
.news_list .newsList .bd .n:hover .i-pic img{-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);}
.news_list .findNews{margin-top: -16px;}
.news_list .findNews .bd .n .i-pic{width: 100px;height: 100px;}

.news_list .article-lwrap {  border-bottom: 1px solid #d9dde1;  overflow: hidden;}
.news_list .article-lwrap .turn-line {  word-wrap: break-word;  word-break: break-all;  }
.news_list .article-lwrap .item-img,
.news_list .article-lwrap .item-img img {  width: 210px;  height: 130px;  overflow: hidden;  margin: 0 20px 0 0;  transition: all 0.5s; }
.news_list .article-lwrap .item-bd {  font-size: 14px;  line-height: 28px;  color: #787d82;  margin-top: -5px;  word-wrap: break-word;  word-break: break-all;  }
.news_list .article-lwrap .item-txt {  padding-top: 7px;  margin-right: 0;  overflow: hidden;  }
.news_list .article-lwrap .item-txt .item-bd {  min-height: 140px;  word-wrap: break-word;  word-break: break-all;  }
.news_list .article-lwrap .item-title {  padding: 15px 0 7px;  word-wrap: break-word;  word-break: break-all;  }
.news_list .article-lwrap .original {  font-size: 12px;  color: #71777d;  border: 1px solid #71777d;  padding:0 5px;  margin-left: 4px;  line-height: 22px;  text-align: center;  display: inline-block;  vertical-align: 3px;  }
.news_list .article-lwrap .title-detail {  font-size: 20px;  font-weight: bold;  line-height: 24px;  color: #14191e;  transition: all 0.5s; }
.news_list .article-lwrap .title-detail:hover {  color: #06c1ae;  }
.news_list .article-lwrap .item-btm {  font-size: 14px;  color: #93999f;  line-height: 19px;  padding: 14px 0 25px; margin-top: -38px;}
.news_list .article-lwrap .hd-pic {  margin-right: 10px;  }
.news_list .article-lwrap .left-info li {  float: left;  }
.news_list .article-lwrap .left-info .publisher-name {  color: #93999f;  font-size: 14px;  padding: 0;  }
.news_list .article-lwrap .pass-time {  margin-right: 20px;  }
.news_list .article-lwrap .right-info span {  padding-left: 30px;  }
.news_list .article-lwrap .item-txt:hover .item-img img{display: block;-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}

.news_list h3{  font-size: 16px;  line-height: 32px;  }

.news_list .tool-left {  font-size: 24px;  position: relative;    margin-top: 12px;width: 100%;border-bottom: 1px solid #333;}
.news_list .tool-left a.active {color: #06c1ae;  border-bottom: 2px solid #06c1ae; font-size: 24px; }
.news_list .tool-left a { font-size: 24px;  color: #4d555d;  margin: 0 49px -1px 0;  line-height: 48px;  display: inline-block; }

.news_list .page .pageList a{font-size: 12px;color: #a3a3a3;border: 1px solid #e5e5e5;padding: 8px 15px;height: 18px;display: inline-block;margin: 0 5px}
.news_list .page .pageList a{*display: inline}
.news_list .page .pageList span{width: auto;height: 18px;display: inline-block;border: 1px solid #e5e5e5;text-align: center;line-height: 18px;cursor: pointer;padding: 8px 15px;    margin: 0 5px;}
.news_list .page .pageList span{*display: inline}
.news_list .page .pageList span.prev{margin-right: 5px}
.news_list .page .pageList span.next{margin-left: 5px}
.news_list .page .pageList a.current{background: #4c575c;color: #fff;border-color: #e3e3e3}
.news_list .tc{text-align: center} .mt30{margin-top:30px} .mb30{margin-bottom:30px}
.news_list .suojin{text-indent: 2em}



.news_details .singlePageMod{overflow: hidden}
.news_details .singlePageMod .asideNav{width: 160px;margin-bottom:-99000px;padding-bottom:99000px;border-right: 1px solid #e3e3e3;margin-right: 50px}
.news_details .singlePageMod .asideNav ul{padding-right:20px}
.news_details .singlePageMod .asideNav ul li{position: relative;margin-bottom: 10px}
.news_details .singlePageMod .asideNav ul li a{display: block;text-align: right}
.news_details .singlePageMod .asideNav ul li i{display: none;width: 11px;height: 11px;background:#fff url("../images/sprite.png") no-repeat -128px 0;position: absolute;right: -15px;top: 8px}
.news_details .singlePageMod .asideNav ul li.on a{color: #06c1ae;font-size: 18px;}
.news_details .singlePageMod .asideNav ul li.on i{right: -26px;display: block}
.news_details{margin-top: 40px}
.news_details .newsLsit{overflow: hidden}
.news_details .newsLsit li{margin-bottom: 40px}
.news_details .newsLsit li h2 a{font-size: 18px;color: #3d3d3d;font-weight: normal}
.news_details .newsLsit li:hover h2 a{color:#06c1ae}
.news_details .newsLsit li p{font-size: 12px;color: #9d9d9d;line-height: 22px}
.news_details .newsLsit li p span{margin-right: 10px}
.news_details .newsLsit li .gist{padding: 10px 0}
.news_details .newsLsit li .figure{overflow: hidden}
.news_details .newsLsit li .figure a{margin-left: 15px;display: block;width: 220px;height: 150px;float: left;overflow: hidden;}
.news_details .newsLsit li .figure a:first-child{margin-left: 0px;}
.news_details .newsLsit li .figure a img{width: 220px;height: 150px}
.news_details .newsLsit li .figure a:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
.news_details .newsMain{border: 1px solid #e3e3e3}
.news_details .newsMain h2{font-size: 25px;color: #3d3d3d;text-align: center;font-weight: normal}
.news_details .newsMain .newsInfo{color: #9d9d9d;font-size: 12px;text-align: center}
.news_details .newsMain .newsInfo a{  color: #666; transition: all 0.5s; }
.news_details .newsMain .newsInfo a:hover{ color: #33bf82; }
.news_details .newsMain .newsInfo span{margin-right: 15px}
.news_details .newsMain .textHd{background: #f8f8f8;padding: 40px 0}
.news_details .newsMain .text{color: #9d9d9d;padding: 0 25px;}
.news_details .newsMain .text p{padding-top: 20px;text-indent: 28px;font-size: 14px;line-height: 24px}
.news_details .newsMain .text img{max-width: 90%}
.news_details .newsMain .text p a{border-bottom: 1px dotted #06c1ae;}
.news_details .newsMain .text p a:hover{border:0;text-decoration:underline}
.news_details .nextAndPrev{border-top: 1px solid #e5e5e5;padding: 15px 20px;background: #f5f5f5}
.news_details .nextAndPrev a{display: block;padding: 5px 15px;border: 1px solid #e5e5e5;color: #9d9d9d}
.news_details .nextAndPrev a:hover{border-color: #06c1ae;color: #fff;background: #06c1ae}
.news_details .nextAndPrev a.next{border-color: #06c1ae;color: #fff;background: #06c1ae}
.news_details .nextAndPrev a.next:hover{background: #04b9a7;border-color: #04b9a7}
.news_details .newRight{margin-left: 28px;width: 260px;}
.news_details .update{width: 258px;border: 1px solid #e5e5e5}
.news_details .update .hd{padding:15px 0 15px 17px;background: #e5e5e5}
.news_details .update .hd h2{line-height: 100%;padding-left: 15px;border-left: 4px solid #06c1ae;font-size: 14px;color: #3d3d3d}
.news_details .update .bd ul{padding: 20px 0}
.news_details .update .bd ul li{margin-left: 10px;padding-left: 10px;padding-right: 10px;margin-bottom: 10px;}
.news_details .update .bd ul li a{color: #9d9d9d;font-size: 12px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.news_details .update .bd ul li:hover a{color: #06c1ae}
.news_details .newsMore .hd{background: #303030;color: #fff;text-align: center;font-size: 16px;;padding: 10px 0;position: relative}
.news_details .newsMore .hd i{width:14px;height:8px;position: absolute;bottom: -8px;width: 14px;left: 50%;margin-left: -7px;}
.news_details .newsMore .bd img{width: 100%;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.news_details .newsMore .bd li{margin-top: 20px;overflow: hidden}
.news_details .newsMore .bd li:hover img{-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);display: block !important;}

.news_details .newsMain .upgradeTip{line-height: 24px;font-size: 14px;padding: 10px 0;text-align: center;background: #fbf8e4;border: 1px solid #f1eab6; margin-bottom: 15px;}
.news_details .newsMain .upgradeTip p{padding: 0 10px;margin: 0;color: #866037}
.news_details .newsMain .upgradeTip p em{color: #06c1ae}
.fixedStyle{z-index:999}

.mt50{ margin-top: 50px; }
.indexTab .tabThis .price{background: #f6f6f6;border-bottom: 1px solid #eee;}
.indexTab .tabThis .price ul li{float: left}
.indexTab .tabThis .price ul li a{padding: 15px 30px;display: block;font-size: 18px;color: #9d9d9d}
.indexTab .tabThis .price ul li.on a{background: #06c1ae;color: #fff}

.offer{ display: none; }
.offer table{ width:100%;}
.offer td{ border-left:1px solid #fff; border-bottom:1px solid #fff; background:#f1f1f1; font-size:14px; color:#3a3a3a; text-align:center;}
.offer .first{ height:90px; line-height:90px;}
.offer .first td{ background:#06c1ae; text-align:center; color:#fff; font-size:28px;}
.offer .first .onePart{ width:15%;}
.offer .first .twoPart{ width:15%;}
.offer .first .threePart{ width:13%;}
.offer .first .fourPart{ width:13%;}
.offer .first .fivePart{ width:20%;}
.offer .noXIan{ border-left:none;}
.offer .jiaGe td{ height:65px; line-height:40px; text-align:center; font-size:16px; color:#010101; font-weight:normal;}
.offer .xunChang td{ padding-top:15px; padding-bottom:15px; line-height:22px;}
.offer .allRight{ background:#f1f1f1 url(../images/y.png) no-repeat center;}
.offer .wrong{ background:#f1f1f1 url(../images/x.png) no-repeat center;}
.offer .wordRight{ background:#f1f1f1 url(../images/fuhao_05.png) no-repeat 40px center;}

.offer .lastduan td{ text-align:left; border-bottom:0px solid #1bbc6b; padding-top:20px; padding-bottom:20px;}
.offer .lastduan .shouQuan{ font-size:18px; color:#06c1ae;}
.offer .lastduan .listWord li{ line-height:26px; font-size:14px;color: #9d9d9d}
.offer .lastduan .wuXian{ padding-left:20px;}
.offer .lastduan span{ padding:4px 25px;}
.offer .off_top{ background:#f8f8f8;;margin:20px auto; font-size: 14px; padding:10px 20px;color:#948e6d;line-height:190% }

.community{ margin-top: 15px; }

.ny_ban{ height: 300px; }


/*餐饮*/
.meal_solve{ height: 980px; background: #fff;overflow: hidden; }
.meal_top{ text-align: center; }
.meal_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.meal_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px; left: 50%; margin-left: -20px; }

.meal_solve .w1200{ position: relative; width: 1151px;  }
.meal_solve .meal_stop{ margin-top: 50px;  margin-bottom: 15px;}
.meal_solve .meal_sleft{ width: 520px; height: 120px; background: url(../images/cy.png) center no-repeat; position: relative;  }
.meal_solve .arrow{ width: 111px; height: 120px; background: url(../images/cy1.png) center no-repeat; }
.meal_solve .meal_sright{ width: 520px; height: 120px; background: url(../images/cy2.png) center no-repeat; position: relative;  }

.meal_solve .meal_stop h2,.meal_solve .meal_stop p{ padding-left: 75px; color: #333333; line-height: 1; }
.meal_solve .meal_stop h2{ font-size: 18px; margin: 27px 0 12px 0;  }
.meal_solve .meal_stop p{font-size: 35px;  }
.meal_solve .meal_stop .i1{ color: #f36348; }
.meal_solve .meal_stop .i2{ color: #06c1ae; }

.meal_solve .meal_send{  }
.meal_solve .meal_send ul{ position: relative; height: 108px; }
.meal_solve .meal_send li{  width: 600px; height: 108px; position: absolute; top: -1px; }
.meal_solve .meal_send li i{ font-size: 30px;font-family: "Arial"; position: absolute; display: block; width: 55px; height: 63px; line-height: 63px; text-align: center; font-weight: bold; top: 23px; font-style:italic; transition: all 0.5s;}
.meal_solve .meal_send li h2,.meal_solve .meal_send li p{  width: 430px;  }
.meal_solve .meal_send li h2{ font-size: 22px; font-weight: bold; line-height: 1; padding-top: 23px; padding-bottom: 10px; }
.meal_solve .meal_send li p{ line-height: 22px; font-size: 14px; color: #808080; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.meal_solve .meal_send ul:hover li i{ transform: rotate(360deg); }
.meal_solve .meal_send li.li_left{ background: url(../images/cy3.png) center no-repeat; left: 0px; top: 0px;}
.meal_solve .meal_send ul:hover li.li_left{ background: url(../images/cy1_hover.png) center no-repeat; }
.meal_solve .meal_send ul:hover li.li_left h2{ color: #f47059; }
.meal_solve .meal_send ul:hover li.li_left p{ color: #f47059; }
.meal_solve .meal_send li.li_left i{ color: #f36348; left: 19px;}
.meal_solve .meal_send li.li_left h2,.meal_solve .meal_send li.li_left p{ padding-left: 92px; }
.meal_solve .meal_send li.li_right h2,.meal_solve .meal_send li.li_right p{ padding-left: 158px; }
.meal_solve .meal_send li.li_right{ background: url(../images/cy4.png) center no-repeat; left: 552px; top: 0px;}
.meal_solve .meal_send li.li_right i{ color: #06c1ae; left: 84px; }
.meal_solve .meal_send ul:hover li.li_right{ background: url(../images/cy_hover.png) center no-repeat; }
.meal_solve .meal_send ul:hover li.li_right h2{ color: #fff; }
.meal_solve .meal_send ul:hover li.li_right p{ color: #fff; }


.meal_video{ height: 280px; position: relative; overflow: hidden; }
.meal_video:after{ content: ''; display: block; top: 0px; left: 0px; position: absolute; width: 100%; height: 280px;  background:rgba(6,193,174,0.53); z-index: 9; background:#06c1ae\0;filter: alpha(opacity=53);  }
.meal_video i{ display: block; position: absolute; width: 100%; height: 280px; left: 0px; top: 0px; -webkit-animation: syiconnscale 20s linear infinite;-moz-animation: syiconnscale 20s linear infinite;animation: syiconnscale 20s linear infinite;  z-index: 8}
.meal_video .w1200{ position: absolute; left: 50%; margin-left: -600px; z-index: 99; top: 0px;  color: #fff; }

.meal_video .w1200 h2{  font-size: 30px; line-height: 1; padding-bottom: 12px; }
.meal_video .w1200 p{ font-size: 18px; line-height: 30px; }

.meal_video .w1200 .font{ width: 740px; margin-top: 84px; }
.meal_video .w1200 .sowing{ width: 60px; height: 60px; background: url(../images/bo.png) center no-repeat; top: 110px; right: 80px; position: absolute; cursor: pointer; }
.meal_video .w1200 .sowing a{ display: block; width: 60px; height: 60px; }

.meal_operate{ height: 860px; background: #f1f8fc; }
.meal_operate .animate_w1200{ height: 650px; position: relative; width: 1200px; margin-top: 47px; }
.meal_operate .animate_w1200:after{ content: ''; display: block; width: 986px; height: 539px; background: url(../images/operate/hh_03.png) center no-repeat; top: 40px; right: 44px; position: absolute; z-index: 2; }
.meal_operate .anpos{ position: absolute; z-index: 3; }
.meal_operate .hove{ width: 400px; border-radius: 10px; position: absolute; /*background:rgba(6,193,174,0.9);*/ background:#06c1ae; background:#06c1ae\0;filter: alpha(opacity=90); color: #fff; padding: 20px; z-index: 99;  }
.meal_operate .hove h2{ font-size: 18px; font-weight: bold; padding-bottom: 5px; }
.meal_operate .hove p{ font-size: 14px; line-height: 24px; font-size: 16px; }
.meal_operate .anpos i{ width: 29px; height: 40px; position: absolute; background: url(../images/operate/cc_03.png) center no-repeat; color: #fff; text-align: center; font-size: 14px; line-height: 28px;}
.meal_operate .an1{ width:299px; height: 424px; background: url(../images/operate/s_18.png) center no-repeat; left: -40px; top: 107px; z-index: 1; cursor: pointer;  }
.meal_operate .an2{ width:140px; height: 50px; background: url(../images/operate/s_14.png) center no-repeat; left: 284px; top: 25px;  }
.meal_operate .an3{ width:76px; height: 104px; background: url(../images/operate/s_06.png) center no-repeat; left: 476px; top: 7px;  }
.meal_operate .an4{ width:76px; height: 111px; background: url(../images/operate/s_03.png) center no-repeat; left: 615px; top: 0px; cursor: pointer;  }
.meal_operate .an5{ width:94px; height: 104px; background: url(../images/operate/s_09.png) center no-repeat; left: 736px; top: 7px;  cursor: pointer; }
.meal_operate .an6{ width:76px; height: 104px; background: url(../images/operate/s_11.png) center no-repeat; left: 894px; top: 7px;  }
.meal_operate .an7{ width:140px; height: 50px; background: url(../images/operate/s_39.png) center no-repeat; left: 284px; top: 283px;  }
.meal_operate .an8{ width:76px; height: 143px; background: url(../images/operate/s_24.png) center no-repeat; left: 475px; top: 144px;  cursor: pointer; }
.meal_operate .an9{ width:76px; height: 104px; background: url(../images/operate/s_42.png) center no-repeat; left: 475px; top: 358px;  cursor: pointer; }
.meal_operate .an10{ width:76px; height: 106px; background: url(../images/operate/s_35.png) center no-repeat; left: 638px; top: 272px;  }
.meal_operate .an11{ width:78px; height: 110px; background: url(../images/operate/s_48.png) center no-repeat; left: 640px; top: 418px;  cursor: pointer; }
.meal_operate .an12{ width:76px; height: 106px; background: url(../images/operate/s_37.png) center no-repeat; left: 785px; top: 272px;  }
.meal_operate .an13{ width:147px; height: 138px; background: url(../images/operate/s_32.png) center no-repeat; left: 883px; top: 245px;  cursor: pointer; }
.meal_operate .an14{ width:140px; height: 50px; background: url(../images/operate/s_62.png) center no-repeat; left: 284px; top: 547px;  }
.meal_operate .an15{ width:76px; height: 149px; background: url(../images/operate/s_52.png) center no-repeat; left: 501px; top: 492px; cursor: pointer;  }
.meal_operate .an16{ width:76px; height: 106px; background: url(../images/operate/s_57.png) center no-repeat; left: 712px; top: 535px;  }
.meal_operate .an17{ width:76px; height: 106px; background: url(../images/operate/s_60.png) center no-repeat; left: 924px; top: 535px;  cursor: pointer; }
.meal_operate .an18{ width:54px; height: 200px; background: url(../images/operate/s_26.png) center no-repeat; left: 1046px; top: 210px;  cursor: pointer; }
.meal_operate .an19{ width:54px; height: 150px; background: url(../images/operate/s_29.png) center no-repeat; left: 1146px; top: 235px;  }
.meal_operate .an20{ width:49px; height: 54px; background: url(../images/operate/xst_03.png) center no-repeat; right: 179px; top: 57px;  }

.meal_operate .an1 i{ left: 185px; top: 53px;  }
.meal_operate .an4 i{ left: -24px; top: 70px;  }
.meal_operate .an5 i{ left: -7px; top: 63px;  }
.meal_operate .an8 i{ left: 72px; top: 102px;  }
.meal_operate .an9 i{ left: -27px; top: 64px;  }
.meal_operate .an11 i{ left: 77px; top: 70px; }
.meal_operate .an13 i{ left: 110px; top: 98px; }
.meal_operate .an15 i{ left: 73px; top: 106px;  }
.meal_operate .an17 i{ left: 73px; top: 63px;  }
.meal_operate .an18 i{ left: 11px; top: -39px;  }

.meal_ad{ height: 890px; background: #fff; overflow: hidden; }

.meal_top p{ font-size: 14px; color: #808080; padding-top: 15px; line-height: 1; }

.meal_ad ul{ margin-top: 50px; }
.meal_ad li{ width: 585px; height: 170px; float: left; }
.meal_ad li:nth-child(2n){ margin-left: 30px; }
.meal_ad li h2{ font-size: 16px; color: #202020; line-height: 24px; font-weight: bold; padding: 20px 0 10px 0; }
.meal_ad li p{ font-size: 12px; color: #808080; line-height: 22px; }
.meal_ad li .p115{ padding-left: 115px; }


.meal_Carousel{ height: 821px; background: url(../images/lbt_02.jpg) center no-repeat; }
.meal_Carousel .meal_top h2{ color: #fff; }
.meal_Carousel .ul_round{ width: 1200px; position: relative; height: 599px; margin-top: 140px; }

/**********roundabout**********/
.roundabout-holder{list-style:none;width:920px;height:425px;margin:0px auto;  }
.roundabout-moveable-item{border:0; list-style:none; height:425px;width:240px;cursor:pointer;}
.roundabout-moveable-item img{height:100%;width:100%;margin:0;}

.roundabout li{margin:0;}

.meal_Carousel .clk{  display: block; width: 53px; height: 96px; position: absolute; top: 105px; cursor: pointer; }
.meal_Carousel .btnPrev{ left: 0px; background: url(../images/xzt_05s.png) center no-repeat; }
.meal_Carousel .btnPrev:hover{  background: url(../images/xzt_03.png) center no-repeat; }

.meal_Carousel .btnNext{ right: 0px; background: url(../images/xzt_05.png) center no-repeat; }
.meal_Carousel .btnNext:hover{  background: url(../images/xzt_03s.png) center no-repeat; }

.meal_Carousel .ul_round:after{ content: ''; display: block; width: 286px; height: 599px; background: url(../images/cytp_06.png) center no-repeat; position: absolute; top: -91px; left: 50%; margin-left: -149px; }

.meal_Carousel .ewm{ height:425px;width:240px; position: absolute; z-index: 300; top: 0px; left: 0px;  background:rgba(6,193,174,0.8);  background:#06c1ae\0;filter: alpha(opacity=80); display: none; }
.meal_Carousel .ewm i{ width: 150px; height: 150px;  background-size: 150px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px;  }

.roundabout-in-focus:hover .ewm{ display: block; }


.meal_function{ height: 790px; background: url(../images/cybj_02.jpg) center  no-repeat; overflow: hidden; }
.meal_function .func_ul li{ float: left; width: 170px; height: 170px; background: #fff; text-align:  center; margin-right: 30px; margin-bottom: 30px;   font-size: 16px; color: #333333; line-height: 1;  transition: top 0.5s; position: relative; top: 0px;}
.meal_function .w1200{ width: 1170px; }
.meal_function .func_ul li:hover{ background: #25dac9; color: #fff; top: -10px; box-shadow: 0px 0px 20px 3px #b9e7e2; }
.meal_function .func_ul{ margin-top: 50px; }
.meal_function .func_ul li:nth-child(6n){ margin-right: 0px; }
.meal_function .func_ul li i{ display: inline-block; width: 70px; height: 60px; margin: 37px 0 20px 0; }
.meal_function .func_ul li.li1 i{ background: url(../images/cyh_10-06.png) center no-repeat; }
.meal_function .func_ul li.li1:hover i{ background: url(../images/cy_10-06.png) center no-repeat; }
.meal_function .func_ul li.li2 i{ background: url(../images/cyh_10-02.png) center no-repeat; }
.meal_function .func_ul li.li2:hover i{ background: url(../images/cy_10-02.png) center no-repeat; }
.meal_function .func_ul li.li3 i{ background: url(../images/cyh_10-03.png) center no-repeat; }
.meal_function .func_ul li.li3:hover i{ background: url(../images/cy_10-03.png) center no-repeat; }
.meal_function .func_ul li.li4 i{ background: url(../images/cyh_12.png) center no-repeat; }
.meal_function .func_ul li.li4:hover i{ background: url(../images/cy_10-01.png) center no-repeat; }
.meal_function .func_ul li.li5 i{ background: url(../images/cyh_10-04.png) center no-repeat; }
.meal_function .func_ul li.li5:hover i{ background: url(../images/cy_10-04.png) center no-repeat; }
.meal_function .func_ul li.li6 i{ background: url(../images/cyh_10-05.png) center no-repeat; }
.meal_function .func_ul li.li6:hover i{ background: url(../images/cy_10-05.png) center no-repeat; }
.meal_function .func_ul li.li7 i{ background: url(../images/cyh_10-07.png) center no-repeat; }
.meal_function .func_ul li.li7:hover i{ background: url(../images/cy_10-07.png) center no-repeat; }
.meal_function .func_ul li.li8 i{ background: url(../images/cyh_10-08.png) center no-repeat; }
.meal_function .func_ul li.li8:hover i{ background: url(../images/cy_10-08.png) center no-repeat; }
.meal_function .func_ul li.li9 i{ background: url(../images/cyh_10-09.png) center no-repeat; }
.meal_function .func_ul li.li9:hover i{ background: url(../images/cy_10-09.png) center no-repeat; }
.meal_function .func_ul li.li10 i{ background: url(../images/cyh_10-10.png) center no-repeat; }
.meal_function .func_ul li.li10:hover i{ background: url(../images/cy_10-10.png) center no-repeat; }
.meal_function .func_ul li.li11 i{ background: url(../images/cyh_10-11.png) center no-repeat; }
.meal_function .func_ul li.li11:hover i{ background: url(../images/cy_10-11.png) center no-repeat; }
.meal_function .func_ul li.li12 i{ background: url(../images/cyh_10_01.png) center no-repeat; }
.meal_function .func_ul li.li12:hover i{ background: url(../images/cy_10-12.png) center no-repeat; }
.meal_function .func_ul li.li13 i{ background: url(../images/cyh_13.png) center no-repeat; }
.meal_function .func_ul li.li13:hover i{ background: url(../images/cyh_13h.png) center no-repeat; }
.meal_function .func_ul li.li14 i{ background: url(../images/cyh_14.png) center no-repeat; }
.meal_function .func_ul li.li14:hover i{ background: url(../images/cyh_14h.png) center no-repeat; }
.meal_function .func_ul li.li15 i{ background: url(../images/cyh_15.png) center no-repeat; }
.meal_function .func_ul li.li15:hover i{ background: url(../images/cyh_15h.png) center no-repeat; }
.meal_function .func_ul li.li16 i{ background: url(../images/cyh_16.png) center no-repeat; }
.meal_function .func_ul li.li16:hover i{ background: url(../images/cyh_16h.png) center no-repeat; }
.meal_function .func_ul li.li17 i{ background: url(../images/cyh_17.png) center no-repeat; }
.meal_function .func_ul li.li17:hover i{ background: url(../images/cyh_17h.png) center no-repeat; }
.meal_function .func_ul li.li18 i{ background: url(../images/cyh_18.png) center no-repeat; }
.meal_function .func_ul li.li18:hover i{ background: url(../images/cyh_18h.png) center no-repeat; }

.banner ul li .cy_mg1{ left: 47px; top: 142px; }
.banner ul li .cy_mg2{ top: 220px; left: 47px; }
.banner ul li .cy_mg3{ top: 220px; left: 140px; }
.banner ul li .cy_mg4{ top: 220px; left: 225px; }
.banner ul li .cy_mg5{ top: 220px; left: 326px; }
.banner ul li .cy_mg6{ top: 220px; left: 420px; }
.banner ul li .cy_mg7{ top: 220px; left: 512px; }
.banner ul li .cy_mg8{ top: 74px; left: 710px; }

.meal_operate .anpos .hove:after{ content: "";width: 0;height: 0;display:block;border-top: 10px solid #06c1ae;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute; transform: rotate(92deg);  }

.meal_operate .an1 .hove{ left: 235px; top: 47px;  }
.meal_operate .an1 .hove:after{top: 18px; left: -12px;}

.meal_operate .an4 .hove{ left: -475px; top: 10px;  }
.meal_operate .an4 .hove:after{ top: 35px; right: -12px; transform: rotate(272deg);  }

.meal_operate .an5 .hove{ left: 100px; top: 30px;  }
.meal_operate .an5 .hove:after{top: 25px; left: -12px; }

.meal_operate .an8 .hove{ left: 100px; top: 30px;  }
.meal_operate .an8 .hove:after{top: 25px; left: -12px; }

.meal_operate .an9 .hove{ left: -475px; top: 10px;  }
.meal_operate .an9 .hove:after{top: 35px; right: -12px; transform: rotate(272deg); }

.meal_operate .an11 .hove{ left: 100px; top: 10px;  }
.meal_operate .an11 .hove:after{top: 25px; left: -12px; }

.meal_operate .an13 .hove{ left: -450px; top: 10px;  }
.meal_operate .an13 .hove:after{top: 35px; right: -12px; transform: rotate(272deg);  }

.meal_operate .an15 .hove{ left: -460px; top: 10px; }
.meal_operate .an15 .hove:after{top: 35px; right: -12px; transform: rotate(272deg); }

.meal_operate .an17 .hove{ left: -460px; top: -100px; }
.meal_operate .an17 .hove:after{top: 150px; right: -12px; transform: rotate(272deg); }

.meal_operate .an18 .hove{ left: -460px; top: -100px; }
.meal_operate .an18 .hove:after{top: 150px; right: -12px; transform: rotate(272deg); }


.meal_operate .anpos .hove{ display: none;   }
.meal_operate .anpos:hover{z-index: 99;}
.meal_operate .anpos:hover .hove{ display: block;}
.meal_operate .anpos:hover i{background: url(../images/operate/cc_07.png) center no-repeat;}


/*社区*/

.banner .cban_mg1{ top: 100px; left: 75px; }
.banner .cban_mg2{ top: 220px; left: 55px; }
.banner .cban_mg3{ top: 65px; right: 18px; }

.com_solve .w1200{ position: relative; width: 1200px;  }
.com_solve .com_send ul{ position: relative;  }
.com_solve .com_send li{  width: 594px; height: 95px; margin-bottom: 10px; position: relative; }
.com_solve .com_send li i{ width: 35px; height: 35px; position: absolute; top: 29px; transition: all 0.5s;}

.com_solve .com_send li h2{ font-size: 18px; font-weight: bold; line-height: 24px;  padding-bottom: 6px; }
.com_solve .com_send li p{ line-height: 22px; font-size: 12px; color: #444444;  }
.com_solve .com_send li h2,.com_solve .com_send li p{ width: 430px; }
.com_solve .com_send ul:hover li i{ transform: rotate(360deg);  }
.com_solve .com_send li.li_left{ background: url(../images/zytp_07.png) center no-repeat; float: left;}
.com_solve .com_send li.li_left i{  left: 34px; }
.com_solve .com_send li.li_left h2,.com_solve .com_send li.li_left p{ padding-left: 92px; }
.com_solve .com_send li.li_right h2,.com_solve .com_send li.li_right p{ padding-left: 158px; color: #fff; }
.com_solve .com_send li.li_right{ background: url(../images/zytp_09.png) center no-repeat; float: right;}
.com_solve .com_send li.li_right i{ left: 103px;  }
.com_solve .meal_sleft{ width: 542px; height: 120px; background: url(../images/bjtr_03.png) center no-repeat; position: relative;  }
.com_solve .meal_sleft p{ padding-top: 44px; }
.com_solve .meal_sright{ width: 546px; height: 120px; background: url(../images/bjtr_05.png) center no-repeat; position: relative;  }
.com_solve .midd_tab{ display: table-cell; vertical-align: middle; height: 95px; }

.com_function{ height: 763px; background: url(../images/sqb.jpg) center  no-repeat; position: relative; overflow: hidden; }

.com_function .func li{ width: 285px; margin-top: 58px; text-align: center; float: left; margin-right: 20px; }
.com_function .func li .intel{ width: 285px; height: 290px; position: relative; overflow: hidden;  }
.com_function .func li .intel h2{ font-size: 24px; color: #fff; font-weight: bold; padding-top: 95px; line-height: 1; }
.com_function .func li .intel p{ font-size: 14px; color: #fff63f; line-height: 1; padding-top: 10px; }

.com_function .func li .dl_list{  background: #fff; padding:10px 10px 20px 10px; max-height: 80px; overflow: hidden; position: relative; }

.com_function .func li .dian{ text-align: center; position: absolute; width: 100%; bottom: 0px; transition: all 0.5s; left: 0px; background: #fff; height: 17px;  }
.com_function .func li .dian i{  display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #ccc; margin: 5px 3px; }

.com_function .func li.on .dian{ display: none; }
.com_function .func li.on .dl_list{ max-height: 250px; box-shadow: 0px 2px 10px 2px #dddddd; padding: 10px; transition: all 0.5s; }
.com_function .func li.on .intel:after{ transform: scale(1.1); }
.com_function .func li .dl_list dd{ transition: all 0.5s; float: left; width: 123px; height: 33px; line-height: 35px; border:#ebebeb 1px solid; margin-right: 15px; margin-bottom: 10px; font-size: 14px; }
.com_function .func li .dl_list dd:nth-child(2n){ margin-right: 0px; }
.com_function .func li:last-child{ margin-right: 0px; }
.com_function .func li .dl_list dd:hover{  background: #ea4a4a; border:#ea4a4a 1px solid;  color: #fff; }

.com_function .func li .intel:after{ width: 285px; height: 120px; display: block; position: absolute; left: 0px; bottom: 0px; content: ''; transition: all 0.5s; }
.com_function .func li.li1 .intel{ background: url(../images/hybjt_03.jpg) center no-repeat; }
.com_function .func li.li1 .intel:after{ background: url(../images/sj-1.png) center no-repeat; }
.com_function .func li.li2 .intel{ background: url(../images/hybjt_05.jpg) center no-repeat; }
.com_function .func li.li2 .intel:after{ background: url(../images/sj-2.png) center no-repeat; }
.com_function .func li.li3 .intel{ background: url(../images/hybjt_07.jpg) center no-repeat; }
.com_function .func li.li3 .intel:after{ background: url(../images/sj-3.png) center no-repeat; }
.com_function .func li.li4 .intel{ background: url(../images/hybjt_09.jpg) center no-repeat; }
.com_function .func li.li4 .intel:after{ background: url(../images/sj-4.png) center no-repeat; }

.com_pattern{ height: 1058px;  background: #fff; overflow: hidden;}
.com_pattern .w1200{ width: 1241px; }
.com_pattern .pattern_img{ margin-top: 23px; }


.com_advantage{ background: #f7f8f8; height: 1940px; overflow: hidden; }
.com_advantage .font{ width: 780px;  }
.com_advantage li{ height: 355px; padding: 60px 0 30px 0; border-bottom: #c7ede6 1px solid; }
.com_advantage li:last-child{ border-bottom: none; }
.com_advantage .font i{ font-size: 90px; opacity: 0.2; font-family: "Arial"; font-weight: bold; line-height: 1; display: block;color: #06c1ae;   }
.com_advantage .font h2{ font-size: 34px; color: #202020; line-height: 1; position: relative; top: -12px; }
.com_advantage .font h2:after{ content:''; display: block; width: 22px; height: 4px; background: #06c1ae; position: absolute; left: 0px; top: 44px; }
.com_advantage .font h2 em{ color: #06c1ae; }
.com_advantage .font p{ margin-top: 30px; color: #808080; font-size: 14px; line-height: 25px; }
.com_advantage .img{ width: 405px; height: 355px;  }

.com_advantage li.li1 .font,.com_advantage li.li3 .font{  float: left; }
.com_advantage li.li1 .img,.com_advantage li.li3 .img{ float: right; }
.com_advantage li.li2 .font,.com_advantage li.li4 .font{  float: right; }
.com_advantage li.li2 .img,.com_advantage li.li4 .img{  float: left; }

.com_meal_function{ height: 790px; }
.com_meal_function .func_ul li.li1 i{ background: url(../images/2-1.png) center no-repeat; }
.com_meal_function .func_ul li.li1:hover i{ background: url(../images/2-1h.png) center no-repeat; }
.com_meal_function .func_ul li.li2 i{ background: url(../images/2-12.png) center no-repeat; }
.com_meal_function .func_ul li.li2:hover i{ background: url(../images/2-12h.png) center no-repeat; }
.com_meal_function .func_ul li.li3 i{ background: url(../images/2-17.png) center no-repeat; }
.com_meal_function .func_ul li.li3:hover i{ background: url(../images/2-17h.png) center no-repeat; }
.com_meal_function .func_ul li.li4 i{ background: url(../images/2-14.png) center no-repeat; }
.com_meal_function .func_ul li.li4:hover i{ background: url(../images/2-14h.png) center no-repeat; }
.com_meal_function .func_ul li.li5 i{ background: url(../images/2-2.png) center no-repeat; }
.com_meal_function .func_ul li.li5:hover i{ background: url(../images/2-2h.png) center no-repeat; }
.com_meal_function .func_ul li.li6 i{ background: url(../images/2-3.png) center no-repeat; }
.com_meal_function .func_ul li.li6:hover i{ background: url(../images/2-3h.png) center no-repeat; }
.com_meal_function .func_ul li.li7 i{ background: url(../images/2-4.png) center no-repeat; }
.com_meal_function .func_ul li.li7:hover i{ background: url(../images/2-4h.png) center no-repeat; }
.com_meal_function .func_ul li.li8 i{ background: url(../images/2-5.png) center no-repeat; }
.com_meal_function .func_ul li.li8:hover i{ background: url(../images/2-5h.png) center no-repeat; }
.com_meal_function .func_ul li.li9 i{ background: url(../images/2-6.png) center no-repeat; }
.com_meal_function .func_ul li.li9:hover i{ background: url(../images/2-6h.png) center no-repeat; }
.com_meal_function .func_ul li.li10 i{ background: url(../images/2-7.png) center no-repeat; }
.com_meal_function .func_ul li.li10:hover i{ background: url(../images/2-7h.png) center no-repeat; }
.com_meal_function .func_ul li.li11 i{ background: url(../images/2-8.png) center no-repeat; }
.com_meal_function .func_ul li.li11:hover i{ background: url(../images/2-8h.png) center no-repeat; }
.com_meal_function .func_ul li.li12 i{ background: url(../images/2-9.png) center no-repeat; }
.com_meal_function .func_ul li.li12:hover i{ background: url(../images/2-12h.png) center no-repeat; }
.com_meal_function .func_ul li.li13 i{ background: url(../images/2-10.png) center no-repeat; }
.com_meal_function .func_ul li.li13:hover i{ background: url(../images/2-10h.png) center no-repeat; }
.com_meal_function .func_ul li.li14 i{ background: url(../images/2-11.png) center no-repeat; }
.com_meal_function .func_ul li.li14:hover i{ background: url(../images/2-11h.png) center no-repeat; }
.com_meal_function .func_ul li.li15 i{ background: url(../images/2-13.png) center no-repeat; }
.com_meal_function .func_ul li.li15:hover i{ background: url(../images/2-13h.png) center no-repeat; }
.com_meal_function .func_ul li.li16 i{ background: url(../images/2-15.png) center no-repeat; }
.com_meal_function .func_ul li.li16:hover i{ background: url(../images/2-15h.png) center no-repeat; }
.com_meal_function .func_ul li.li17 i{ background: url(../images/2-16.png) center no-repeat; }
.com_meal_function .func_ul li.li17:hover i{ background: url(../images/2-16h.png) center no-repeat; }
.com_meal_function .func_ul li.li18 i{ background: url(../images/2-18.png) center no-repeat; }
.com_meal_function .func_ul li.li18:hover i{ background: url(../images/2-18h.png) center no-repeat; }
.com_more{ height: 200px; background: url(../images/tjtt_02.jpg) center no-repeat; text-align: center; }
.com_more a{ display: inline-block; font-size: 22px; color: #ffffff; width: 250px; line-height: 50px; border:#fff 1px solid; margin-top: 120px;  transition: all 0.5s; }
.com_more a:hover{ background: #fff; color: #06c1ae; }

.profit ul{ padding-top: 105px; }
.profit li{ width: 328px; height: 117px; border:#d5dee5 1px solid; padding: 30px 20px 0px 20px; margin-right: 45px; margin-bottom: 42px; position: relative; background: #fff; float: left;  transition: all 0.5s; }
.profit li:nth-child(3n){ margin-right: 0px; }
.profit li i{  display: block; float: left; width: 65px; height: 80px; position: absolute; left: 20px; top: 50%; margin-top: -40px; }
.profit li .font{  padding-left: 72px;  height: 95px; display: table-cell; vertical-align: middle;}
.profit li h2{ font-size: 16px; color: #333333; font-weight: bold; line-height: 1; padding-bottom: 10px; }
.profit li p{ font-size: 12px; color: #808080; line-height: 22px; }
.profit li.li1 i{ background: url(../images/sy_1.jpg) center no-repeat; }
.profit li.li2 i{ background: url(../images/sy_2.jpg) center no-repeat; }
.profit li.li3 i{ background: url(../images/sy_3.jpg) center no-repeat; }
.profit li.li4 i{ background: url(../images/sy_4.jpg) center no-repeat; }
.profit li.li5 i{ background: url(../images/sy_5.jpg) center no-repeat; }
.profit li.li6 i{ background: url(../images/sy_6.jpg) center no-repeat; }

.profit li.li1:hover i{ background: url(../images/sy_1h.jpg) center no-repeat; }
.profit li.li2:hover i{ background: url(../images/sy_2h.jpg) center no-repeat; }
.profit li.li3:hover i{ background: url(../images/sy_3h.jpg) center no-repeat; }
.profit li.li4:hover i{ background: url(../images/sy_4h.jpg) center no-repeat; }
.profit li.li5:hover i{ background: url(../images/sy_5h.jpg) center no-repeat; }
.profit li.li6:hover i{ background: url(../images/sy_6h.jpg) center no-repeat; }
.profit li:hover{ border:#fff 1px solid; box-shadow: 0px 0px 20px 5px #dbf6f3; }
.profit .bj{ width: 833px; height: 135px; background: url(../images/jst_03.png) center no-repeat; position: absolute; bottom: 0px; left: 235px;}

.c_nav{ position: fixed; right: 10px;  z-index: 9999; width: 72px; top: 50%; margin-top: -158px; }
.c_nav li a{ display: block; width: 70px; height: 70px;  border-radius: 5px; background: #fff; border:#06c1ae 1px solid; color: #06c1ae; font-size: 12px; text-align: center; margin-bottom: 9px; line-height: 1; }
.c_nav li a i{ display: inline-block; width: 30px; height: 28px; padding: 11px 0 9px 0; transition: all 0.5s; }
.c_nav li.li1 a{ background: #06c1ae; color: #fff;  transition: all 0.5s; }
.c_nav li.li1 i{ background: url(../images/aht_09.png) center no-repeat; }
.c_nav li.li2 i{ background: url(../images/aht_17.png) center no-repeat; }
.c_nav li.li3 i{ background: url(../images/aht_30.png) center no-repeat;  }
.c_nav li.li4 i{ background: url(../images/aht_25.png) center no-repeat; }

.c_nav li{ float: right; }
.c_nav li.li2 a{ overflow: hidden;position: relative;  transition: all 0.5s; }
.c_nav li.li2 .hides{ width: 230px; height: 70px; position: absolute; left: 0px; top: 0px; background: url(../images/aht_20.png) 175px center no-repeat #0cd579; padding: 0 15px; text-align: left; display: none; }
.c_nav li.li2 .hides h2{ font-size: 12px; color: #fff; line-height: 1; padding: 17px 0 7px 0; }
.c_nav li.li2 .hides p{ font-size: 24px; color: #fff; font-family: "Arial";  line-height: 1; }
.c_nav li.li1 a:hover{ background: #0cd579;}
.c_nav li.li1 a:hover i{ background: url(../images/aht_06.png) center no-repeat; }
.c_nav li.li2 a:hover .shows{ display: none; }
.c_nav li.li2 a:hover .hides{ display: block; }
.c_nav li.li2 a:hover { width: 230px;  }

.c_nav li.li3 a{ position: relative; transition: all 0.5s; }
.c_nav li.li3 a:hover{ background: #0cd579; color: #fff;}
.c_nav li.li3 a:hover i{ background: url(../images/aht_30h.png) center no-repeat; }

.c_nav li.li3 .img img{ width: 108px; height: 108px; display: block;  }
.c_nav li.li3 .img p{ font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 2px; }
.c_nav li.li3 .img {width: 108px;  padding: 15px; border-radius: 5px; background: #0cd579; position: absolute; left: 180px; top: -48px;}
.c_nav li.li3 .img:after{ content: "";width: 0;height: 0;display:block;border-top: 12px solid #0cd579;border-left: 12px solid transparent;border-right: 12px solid transparent;position: absolute; top: 75px; right: -15px;  transform: rotate(-93deg);}
.c_nav li.li3 a:hover .img{ left: -155px;  transition: left 0.5s;}


.c_nav li.li3 .iimgg img{ width: 108px; height: 108px; display: block;  }
.c_nav li.li3 .iimgg p{ font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 2px; }
.c_nav li.li3 .iimgg {width:138px;  padding: 15px; border-radius: 5px; background: #0cd579; position: absolute; left: 180px; top: -48px;}
.c_nav li.li3 .iimgg:after{ content: "";width: 0;height: 0;display:block;border-top: 12px solid #0cd579;border-left: 12px solid transparent;border-right: 12px solid transparent;position: absolute; top: 75px; right: -15px;  transform: rotate(-93deg);}
.c_nav li.li3 a:hover .iimgg{ left: -155px;  transition: left 0.5s;}


.c_nav li a:hover i{ transform: rotate(360deg);  }

.top_return{ width: 80px; height: 80px; position: fixed; right: 10px; bottom: 100px; background: url(../images/zlt.png) center no-repeat; background-position: -420px -1px; transition: all 0.3s; z-index: 9999; cursor: pointer;  display: none;}

.top_return:hover{  background-position: -420px -89px; }


.width1200{ position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px; }
.bgGray {background:#f8f8f8;}

.detailsTitle {height:76px;font-size:20px;color:#666;background:#f8f8f8;}
.detailsTitle ul{ text-align: center; }
.detailsTitle ul li {display: inline-block; width:200px;height:71px;margin-top:5px;line-height:76px;text-align:center;cursor:pointer;}
.detailsTitle ul li a {height:100%;display:block;}

.detailsTitle ul li.active ,.detailsTitle ul li:hover {color:#00c568;background:#fff;}
.detailsTitle ul li.active a ,.detailsTitle ul li:hover a {color:#00c568;}

.modHd {padding:50px 0;text-align:center;}
.modHd h2 {padding:15px 0;font-size:48px;font-weight:normal;color:#4f5b6c;border-bottom:1px solid #d5dfe7;}
.modHd p {padding:10px 0;color:#4f5b6c;}
.handle-99w {width:99%;margin:0 auto;}


.culture h2 {padding-bottom:5px;font-size:23px;color:#3d3d3d;}
.culture h2 em {color:#ff8a00;}

.culture .text p {padding-top:20px;color:#7d7d7d;line-height:24px;}
.culture .text h3 {padding-top:30px;}
.culture .text .textWord p {padding-top:10px;}
.culture .imgGroup {padding-bottom:20px;border-bottom:1px solid #eee;}


.qualification ul {margin-right:-45px;overflow:hidden;}
.qualification ul li {float:left;width:266px;height:295px;margin-right:45px;margin-bottom:45px;line-height:295px;text-align:center;}
.qualification ul li img {display:inline;vertical-align:middle;}
.qualification ul li h3 {font-size:14px;font-weight:normal;color:#9d9d9d;line-height:30px;text-align:center;}
.contactUs {height:800px;}
.contactUs .myMap {top:0;left:0;width:460px;height:377px;border:1px solid #eee;}
.contactUs .myMap img {width:100%;height:100%;}
.contactUs .myAddress {top:0;right:0;left:500px;}

.contactUs .myAddress .hd li {float:left;margin-right:10px;}
.contactUs .myAddress .hd li {width:180px;height:45px;font-size:18px;color:#9d9d9d;line-height:45px;text-align:center;display:block;background:#e5e5e5;cursor:pointer;}
.contactUs .myAddress .hd li.on {color:#fff;background:#ff7200;}
.contactUs .myAddress .bd {height:331px;border:1px solid #eee;}
.contactUs .myAddress .bd .row {display:none;}
.contactUs .myAddress .bd .row:first-child {display:block;}
.contactUs .myAddress .bd .mapAdress {padding:0 20px;}
.contactUs .myAddress .bd .mapAdress h3 {margin-top:20px;}
.contactUs .myAddress .bd .mapAdress p {line-height:30px;}

.jobs .job_list {width:240px;margin-right:40px;}
.jobs .job_list h3 {height:58px;margin-bottom:2px;font-size:18px;color:#fff;line-height:58px;text-align:center;background:#ff7200;}
.jobs .job_list ul li {height:50px;margin-bottom:2px;font-size:14px;color:#999;line-height:50px;background:#f7f7f7;border-left:10px solid #f7f7f7;}
.jobs .job_list ul li a {height:50px;line-height:50px;display:block;padding-left:20px;}
.jobs .job_list ul li.on {position:relative;color:#fff;background:#333;border-left:10px solid #ff7200;}
.jobs .job_list ul li.on a {color:#fff;}
.jobs .job_list ul li.on:after {position:absolute;top:0px;right:10px;color:#fff;content:'>';}
.job_cont {border:1px solid #eee;}

.jobs .jobDetail .bd {padding:15px 60px 40px 60px;}
.jobs .jobDetail h3 {font-size:18px;font-weight:normal;color:#3d3d3d;}
.jobs .jobDetail h4 {margin-top:20px;line-height:24px;}
.jobs .jobDetail p {padding-top:10px;}
.jobDetail .hd {padding:25px 60px;background:#f5f5f5;}
.jobDetail .hd h3 {margin-bottom:5px;font-size:18px;color:#3d3d3d;}
.jobDetail .hd span {margin-right:20px;font-size:14px;color:#6d6d6d;}
.mailInfo {margin:30px 0;}
.mailInfo h3 {font-size:18px;font-weight:normal;color:#3d3d3d;}
.mailInfo span {margin-left:15px;}
/*.mailInfo span i {width:20px;height:20px;margin-right:5px;display:inline-block;vertical-align:middle;background:url('../images/sprite.png') no-repeat;}*/
.mailInfo span i {*display:inline;}
.mailInfo span.eMail i {width:20px;height:13px;background-position:-205px -0px;}
.mailInfo span.qq i {width:16px;height:19px;background-position:-229px -0px;}

.pa {position:absolute;}.pr {position:relative;}.ofh {overflow:hidden;}
.articleTable>.article{ display: none; }


.com_solve .ul1 li.li_left i{  background: url(../images/sa_1.png) center no-repeat; }
.com_solve .ul1 li.li_right i{ background: url(../images/sa_1r.png) center no-repeat;}
.com_solve .ul2 li.li_left i{ background: url(../images/sa_2.png) center no-repeat; }
.com_solve .ul2 li.li_right i{ background: url(../images/sa_2r.png) center no-repeat;}
.com_solve .ul3 li.li_left i{ background: url(../images/sa_3.png) center no-repeat; }
.com_solve .ul3 li.li_right i{ background: url(../images/sa_3r.png) center no-repeat;}
.com_solve .ul4 li.li_left i{ background: url(../images/sa_4.png) center no-repeat; }
.com_solve .ul4 li.li_right i{ background: url(../images/sa_4r.png) center no-repeat;}
.com_solve .ul5 li.li_left i{ background: url(../images/sa_5.png) center no-repeat; }
.com_solve .ul5 li.li_right i{ background: url(../images/sa_5r.png) center no-repeat;}
.com_solve .ul6 li.li_left i{background: url(../images/sa_6.png) center no-repeat; }
.com_solve .ul6 li.li_right i{ background: url(../images/sa_6r.png) center no-repeat;}


/*景区*/
.scenic .banner{ height: 730px; }
.scenic .tulb .tulb_ul li{ height: 730px; }
.scenic .Tclick{ width: 1230px; height: 92px; position: absolute; top: 270px; left: 50%; margin-left: -615px; }
.scenic .Tclick a{  display: block; width:27px; height: 92px; }
.scenic .Tclick a.prev{ background: url(../images/jq/ban.png) no-repeat; background-position: -0px -105px; float: left; }
.scenic .Tclick a.next{ background: url(../images/jq/ban.png) no-repeat; background-position: -57px -105px; float: right; }
.scenic .Tclick a.prev:hover{  background-position: -0px -0px; }
.scenic .Tclick a.next:hover{  background-position: -57px -0px; }

.scenic .syicon{ left: 45px; bottom:226px; -webkit-animation:bounceInRight 1s .8s ease both;-moz-animation:bounceInRight 1s .8s ease both;animation:bounceInRight 1s .8s ease both;}
.scenic .syicon2{ top: 52px; right: 503px; -webkit-animation:bounceInUp1 1s 0.8s ease both;-moz-animation:bounceInUp1 1s 0.8s ease both;animation:bounceInUp1 1s 0.8s ease both; z-index: 3}
.scenic .syicon3{ top: 184px; right: 103px; -webkit-animation:bounceInUp1 1s 1.8s ease both;-moz-animation:bounceInUp1 1s 1.8s ease both;animation:bounceInUp1 1s 1.8s ease both;}
.scenic .syicon4{ top: 235px; right: 368px; -webkit-animation:bounceInUp1 1s 2.2s ease both;-moz-animation:bounceInUp1 1s 2.2s ease both;animation:bounceInUp1 1s 2.2s ease both; }
.scenic .syicon5{ top: 193px; right: 211px; -webkit-animation:bounceInUp1 1s 2.8s ease both;-moz-animation:bounceInUp1 1s 2.8s ease both;animation:bounceInUp1 1s 2.8s ease both;}
.scenic .syicon6{ top: 235px; right: 133px; -webkit-animation:bounceInUp1 1s 3.8s ease both;-moz-animation:bounceInUp1 1s 3.8s ease both;animation:bounceInUp1 1s 3.8s ease both;}
.scenic .syicon7{ top: 69px; right: 242px; -webkit-animation:swing 1s 1.5s ease both;-moz-animation:swing 1s 1.5s ease both;animation:swing 1s 1.5s ease both; z-index: 2}


.scenic .Cloud{ height: 268px; margin-top: -268px; z-index: 999; position: relative; }
.scenic .Functionaldif{ position: relative; z-index: 1111; background: url(../images/jq/tmbjt_02.jpg) top center no-repeat; padding-top: 16px; padding-bottom: 78px; }
.scenic .Functionaldif .w1264{ width: 1264px; margin: 0 auto; position: relative; }
.scenic img.pos{ position: absolute; padding: 0px; margin: 0px; }
.scenic .Functionaldif .w1264 img.bjyu{ left: 264px; top: 278px; z-index: 99 }
.scenic .Functionaldif .w1264 img.yyun1{  left: 338px; top: 269px; z-index: 98; -webkit-animation: bounce-yun 6s linear infinite; animation: bounce-yun 6s linear infinite; -moz-animation: bounce-yun 6s linear infinite;}
.scenic .Functionaldif .w1264 img.yyun2{ left: 290px; top: 275px; z-index:98;-webkit-animation: bounce-yun 8s  linear infinite; animation: bounce-yun 8s linear infinite; -moz-animation: bounce-yun 8s linear infinite; }
.scenic .Functionaldif .w1264 img.yyun3{ left: 343px; top: 283px; z-index:98;-webkit-animation: bounce-yun 5s linear infinite; animation: bounce-yun 5s linear infinite; -moz-animation: bounce-yun 5s linear infinite;  }
.scenic .Functionaldif .w1264 img.jqt{ right: 168px; top: 374px; -webkit-animation: bounce-jqt 10s linear infinite; animation: bounce-jqt 10s linear infinite; -moz-animation: bounce-jqt 10s linear infinite;  }
.scenic .Functionaldif .w1264 img.yunfc{  right: 282px; top: 401px; z-index: 99 }
.scenic .Functionaldif .w1264 img.mtlbj{ right:640px; top: 531px; z-index: 88 }
.scenic .Functionaldif .w1264 img.mtl{ right:611px; top: 472px; z-index: 77 ;-webkit-animation:rotate 10s 0s infinite linear normal forwards;-moz-animation:rotate 10s 0s infinite linear normal forwards;animation:rotate 10s 0s infinite linear normal forwards;}
.scenic .Functionaldif .w1264 img.lb1{ right: 267px; bottom: 133px;   -webkit-animation: bounceInop 0.8s linear infinite;animation: bounceInop 0.8s linear infinite; -moz-animation: bounceInop 0.8s linear infinite; }
.scenic .Functionaldif .w1264 img.lb2{ right: 267px; bottom: 126px;   -webkit-animation: bounceInop 1.0s linear infinite;animation: bounceInop 1.0s linear infinite; -moz-animation: bounceInop 1.0s linear infinite;}
.scenic .Functionaldif .w1264 img.lb3{ right: 264px; bottom: 115px;   -webkit-animation: bounceInop 1.2s linear infinite;animation: bounceInop 1.2s linear infinite; -moz-animation: bounceInop 1.2s linear infinite;}

.scenic .Functionaldif .w1264 img.che{ left: 38px; top: 28px; z-index: 1000}
.scenic .Functionaldif .w1264 img.Walkabout{ /*-webkit-animation: bounce-up1 2s linear infinite;animation: bounce-up1 2s linear infinite; */ }
.scenic .Functionaldif .w1264 img.carStat{ cursor: pointer;  z-index: 100;}
.scenic .Functionaldif .w1264 img.Postage{  left: 280px; top: 125px;  }
.scenic .Functionaldif .w1264 img.people{ left: 392px; top: 381px; }
.scenic .Functionaldif .w1264 img.vehicle{  left: 459px; top: 676px; }
.scenic .Functionaldif .w1264 img.Peoples{  left: 907px; top: 660px; }
.scenic .Functionaldif .w1264 img.voice{  left: 930px; top: 334px; }
.scenic .Functionaldif .w1264 img.imgEnd{  right: 26px; top: 234px }

.scenic .w1200{ width: 1200px; margin: 0 auto;   }
.scenic .profitmodel{ height: 800px; background: url(../images/jq/zhjqt_02.jpg) top center no-repeat; }
.scenic .profitmodel .w1200{ padding-top: 83px; }
.scenic .profitmodel .jqspot{ background: url(../images/jq/jingqd_07.png) left top no-repeat; padding-left: 77px; }
.scenic .profitmodel .jqspot h2{ font-size: 30px; font-weight: normal;  line-height: 25px;}
.scenic .profitmodel .jqspot p{ font-size: 30px; text-transform: uppercase;  font-family: 'Century Gothic'; line-height: 40px; }

.scenic .Carousel li{ float: left; }
.scenic .Carousel .Carousel_qh{ margin-top: 70px; }
.scenic .Carousel .Carousel_qh li{ position: relative; width: 157px; height: 51px; background: url(../images/jq/ban.png) no-repeat; margin-right: 33px; line-height: 51px;  text-align: center; font-size: 20px; cursor: pointer; background-position:-151px -1px; transition: 0.3s all;}
.scenic .Carousel .Carousel_qh li:hover,.Carousel .Carousel_qh li.on{color: #fff; background-position:-151px -62px }
.scenic .Carousel .Carousel_qh li:hover .li_hide{ color: #222222; }
.scenic .Carousel .Carousel_qh li .li_hide{ position: absolute; top: 63px;left: -70px;width: 305px;line-height: 20px; font-size: 16px; display: none;color: #222222;  }
.scenic .Carousel .Larcarousel{ margin-top: 76px; position: relative; }
.scenic .Carousel .Larcarousel a{ position: absolute; display: inline-block; width: 30px; height: 30px; background: url(../images/jq/ban.png) no-repeat;  top: 50%; margin-top: -15px; }
.scenic .Carousel .Larcarousel a.prev{  background-position: -326px -1px; left: -50px}
.scenic .Carousel .Larcarousel a.next{  background-position: -326px -37px; right: -70px}
.scenic .Carousel .LarcarouselN{  }
.scenic .Carousel .LarcarouselN li{ text-align: center; width: 235px;  height: 296px; background: url(../images/jq/ban.png) no-repeat; background-position: -562px -429px; margin-right: 11px; color: #353535;  }
.scenic .Carousel .LarcarouselN li i{  font-size: 26px; color: #00b76f; padding-top: 50px; display: inline-block; }
.scenic .Carousel .LarcarouselN li h2{   font-size: 20px; font-weight: normal; padding: 24px 28px 0; }
.scenic .Carousel .LarcarouselN li p{   font-size: 14px; line-height: 20px; padding: 36px 28px 0; text-align: left;  text-align: justify;  }
.scenic .Carousel .LarcarouselN li:hover{  background-position: -563px -113px; color: #fff; }
.scenic .Carousel .LarcarouselN li:hover i{ color: #fff; }

.scenic .convenient{ position: relative; overflow: hidden; height: 650px;  }
.scenic .am-bg{ height: 650px; position: absolute; width: 100%; left: 0px; top: 0px;  -webkit-animation:syiconnscale 20s linear infinite;-moz-animation:syiconnscale 20s linear infinite;animation:syiconnscale 20s linear infinite;}

.scenic .am-bg1{height: 650px; position: absolute; width: 100%; left: 0px; top: 0px;  -webkit-animation:syiconnscale 15s linear infinite;-moz-animation:syiconnscale 15s linear infinite;animation:syiconnscale 15s linear infinite;}
.scenic .convenient .w1200{  padding-top: 247px;  }
.scenic .convenient.animate .w1200 img{-webkit-animation:bounceInRight 1s .8s ease both;-moz-animation:bounceInRight 1s .8s ease both;animation:bounceInRight 1s .8s ease both; position: relative;}

.scenic .playmate{  height: 650px; overflow: hidden; position: relative; }
.scenic .playmate .w1189{ width: 1189px; margin: 0 auto; padding-top: 62px; position: relative; z-index: 99 }
.scenic .playmate .fbxc{ top: 0px; left: -70px; top: 259px;    }
.scenic .playmate .xyd{  left: 20px; top: 272px; }
.scenic .playmate .xyd1{  left: 480px; top: 292px; }
.scenic .playmate .Commu{ left: 495px; top: 279px; }

.scenic .playmate.animate .fbxc{ -webkit-animation:bounceInRight 2s ease both,bounceInop 1.8s 3s linear infinite;-moz-animation:bounceInRight 2s ease both,bounceInop 1.8s 3s linear infinite;animation:bounceInRight 2s ease both,bounceInop 1.8s 3s linear infinite;   }
.scenic .playmate.animate .xyd{  -webkit-animation: bounceInop 5s linear both;animation: bounceInop 5s linear both; -moz-animation: bounceInop 5s linear both; }
.scenic .playmate.animate .xyd1{  -webkit-animation: bounceInop 5s linear both;animation: bounceInop 5s linear both; -moz-animation: bounceInop 5s linear both; }
.scenic .playmate.animate .Commu{ -webkit-animation:bounceInLeft 2s 0s ease both,bounceInop 1.8s 3s linear infinite;-moz-animation:bounceInLeft 2s 0s ease both,bounceInop 1.8s 3s linear infinite;animation:bounceInLeft 2s 0s ease both,bounceInop 1.8s 3s linear infinite;}

.scenic .shansou{-webkit-animation: bounceBot 2.0s linear infinite;animation: bounceBot 2.0s linear infinite; -moz-animation: bounceBot 2.0s linear infinite;}

.scenic .footer_jq{ background: url(../images/jq/dise_11.png); height: 420px;}
.scenic .footer_jq .follow{width: 673px; margin: 0 auto; background: url(../images/jq/dibu.png) center no-repeat; height: 420px;  position: relative;}
.scenic .footer_jq .follow .ewm{ position: absolute; left: 63px; top: 152px; width: 164px; height: 164px;}
.scenic .footer_jq .follow ul{ position: absolute; left: 275px; top: 170px; }
.scenic .footer_jq .follow li{ color: #646871; font-size: 16px; line-height: 25px; margin-bottom: 30px; }
.scenic .footer_jq .follow li .left{ float: left; background:url(../images/jq/dibu2.png) left center no-repeat; padding-left:30px; }
.scenic .footer_jq .follow li .address{ background:url(../images/jq/dibu3.png) left center no-repeat;}
.scenic .footer_jq .follow li .right{ float: left;}
.animate-bounce-up{
    -webkit-animation: bounce-up 4s linear infinite;
    animation: bounce-up 4s linear infinite;
}

.table_jq{ margin-top: 15px; }
.table_jq table{ background: #fff; }
.table_jq table{border-collapse: collapse;border-spacing: 0; width: 100%; text-align: center; background: #fff;}
.table_jq table td{ border-left: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; line-height: 25px; padding: 17px 5px; color: #353535; font-size: 14px;   }
.table_jq table .frist{ background: #2acc93;   }
.table_jq table .frist td{ border-left: none;  color: #fff; font-size: 20px;  background: #06c1ae;  }
.table_jq table .two td{ color: #2acc93; font-size: 16px; width: 180px;  }
.table_jq table td.large{ width: 130px; font-size: 16px; }
.table_jq table td i{ display: inline-block; width: 25px; height: 25px;  vertical-align: middle; }
.table_jq table td.yes i{ background: url(../images/cpbj_19.png) center no-repeat; }
.table_jq table td.no i{ background: url(../images/cpbj_21.png) center no-repeat;  }
.table_jq table td.red{ color: #f02459; }
.Remarks{ border: #e5e5e5 1px solid;  border-top: none;  padding: 10px 45px; color: #353535; font-size: 14px; line-height: 30px; margin-bottom: 80px; }
.Remarks p.on{ color: #2acc93; font-size: 22px; line-height: 50px; }


.benefit{    background: url("../images/benefitBg.png") no-repeat top center;
    width: 450px;
    height: 190px;
    position: fixed;
    top: 50%;
    z-index: 999;
    margin-top: -95px;
    left: 50%;
    margin-left: -225px;display:none}
.benefit .xclosed{width:23px;height: 23px;overflow: hidden;background: url("../images/ftClosed.png") no-repeat;position: absolute;top: 10px;right: 10px}
.benefit .row{margin-top: 120px;text-align: center; padding: 0 12px;}

.benefit .row input{width: 150px;height: 50px;line-height: 50px;padding-left: 14px;border-radius: 40px 0 0 40px;border: 0;font-size: 16px}
.benefit .row button{height: 50px;width: 124px;line-height: 50px;background: #ffe400;text-align: center;border-radius: 0 40px 40px 0;border: 0;  vertical-align: middle;font-size: 20px;color: #695405;cursor: pointer}

.benefit .row a{    width: 115px;  display: inline-block;  background: #10cdaa;  border: 2px solid #fff;  border-radius: 50px;  height: 46px;  line-height: 46px;  vertical-align: middle;    color: #fff;  font-size: 16px;}
.benefit .row a{*display: inline}
.benefit .row a i{display:inline-block;width: 25px;height: 25px;background: url("../images/benefitQQ.png") no-repeat;vertical-align: middle;margin-right: 5px}
.benefit .row a i{*display:inline}
.jqBtn {display:none}
.jqBtn a{height: 80px;width: 100px;background: url(../images/year3/q.png) no-repeat;display: block}

.phoneError{height: 30px;line-height: 30px;float: left;text-align: center;display: none;border: 1px solid #aaa;cursor: pointer;position: fixed;left: 50%;top: -500px;margin-left: -150px;width: 300px;color: #fff;background:url("../images/rgbabg.png") repeat ;padding: 10px 0;border-radius: 8px;z-index: 999; font-size: 14px;}
.telNote{height: 30px;line-height: 30px;float: left;text-align: center;border: 1px solid #FFF;cursor: pointer;position: fixed;left: 50%;top: 300px;margin-left: -150px;width: 300px;color: #fff;background:#FE5842;padding: 10px 0;border-radius: 8px;z-index: 999;display: none}
.swingShow {
    -webkit-animation: swings 1s .2s ease both;
    -moz-animation: swings 1s .2s ease both;
}

.bounceInShow{
    -webkit-animation:bounceIns 1s .2s ease both;
    -moz-animation:bounceIns 1s .2s ease both;}
@-webkit-keyframes bounceIns{
    0%{opacity:0;
        -webkit-transform:scale(.3)}
    50%{opacity:1;
        -webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIns{
    0%{opacity:0;
        -moz-transform:scale(.3)}
    50%{opacity:1;
        -moz-transform:scale(1.05)}
    70%{-moz-transform:scale(.9)}
    100%{-moz-transform:scale(1)}
}

@-webkit-keyframes swings{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swings{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}



/*外卖*/
.out_core .core_tab li{ height: 122px; }
.banner ul.out_ul li .cy_mg1{ left: 0px; top:130px; }
.banner ul.out_ul li .cy_mg2{ left: 0px; top:300px; }
.banner ul.out_ul li .cy_mg3{ left: 90px; top:300px; }
.banner ul.out_ul li .cy_mg4{ left: 180px; top:300px; }
.banner ul.out_ul li .cy_mg5{ left: 270px; top:300px; }

.banner ul.out_ul li .cy_mg8{ left: 675px; top:0px; }
.out_present{ background: #f7f7f7; height: 758px; }
.out_present .meal_top{ -webkit-animation:bounce-op1 2s 0s ease both;-moz-animation:bounce-op1 2s 0s ease both;   }

.out_present .out_end{ height: 539px; margin-top: 50px;  }
.out_present .out_left{ width: 279px; background: url(../images/out-top_03.jpg) left top no-repeat #f36348; height: 539px; }
.out_present .out_left .tit{ text-align: center; color: #ffffff; line-height: 1; }
.out_present .out_left .tit h2{ font-size: 26px; padding: 35px 0 10px 0;  }
.out_present .out_left .tit p{ font-size: 12px; text-transform:uppercase }
.out_present .out_left .ul{ padding: 175px 10px 0 10px;  }
.out_present .out_left .ul li{ background: #f97452; border:#f5bcb1 1px solid; padding:0px 5px; margin-top: 10px; position: relative; height: 78px; display: table; }
.out_present .out_left .ul li i{ font-size: 36px; float: left; color: #fff; font-weight: bold;font-family: "Arial";  font-style: italic; letter-spacing:2px;  height: 42px; text-align: center; line-height: 42px; position: absolute; top: 50%; margin-top: -21px; left: 5px;}
.out_present .out_left .ul li p{ padding-left: 56px; font-size: 16px; color: #fff; line-height: 20px;}

.out_present .out_left .ul li .tab{display: table-cell; vertical-align: middle;}

.out_present .out_right{ width: 900px; }

.out_present .out_right .tit{  color: #ffffff; line-height: 1; background: #f36348; padding: 30px 25px; }
.out_present .out_right .tit h2{ font-size: 30px; font-weight: bold;  padding-bottom: 15px; }
.out_present .out_right .tit p{ font-size: 14px; text-transform:uppercase }
.out_present .out_right .ul{ margin-top: 45px; }
.out_present .out_right li{ padding: 30px 15px; height: 50px; width: 420px; float: left; transition: all 0.5s; }
.out_present .out_right li i{ width: 60px; height: 50px; display: block; float: left;  transition: all 0.5s;}
.out_present .out_right li .text{ padding-left: 90px; line-height: 1; }
.out_present .out_right li .text h2{ font-size: 16px; font-weight: bold; color: #6c6b73; padding-bottom: 6px; line-height: 24px; }
.out_present .out_right li .text p{ font-size: 14px; color: #999999; line-height: 18px;}
.out_present .out_right li:hover{ background: #fff; box-shadow: 0px 0px 10px 5px #eaeaea; }
.out_present .out_right li:hover i{ transform: rotate(360deg); }

.out_present .out_right li.li1 i{ background: url(../images/out-1.png) center no-repeat; }
.out_present .out_right li.li2 i{ background: url(../images/out-2.png) center no-repeat; }
.out_present .out_right li.li3 i{ background: url(../images/out-3.png) center no-repeat; }
.out_present .out_right li.li4 i{ background: url(../images/out-4.png) center no-repeat; }
.out_present .out_right li.li5 i{ background: url(../images/out-5.png) center no-repeat; }
.out_present .out_right li.li6 i{ background: url(../images/out-6.png) center no-repeat; }



.out_present .out_right li.li1:hover i{ background: url(../images/out-1h.png) center no-repeat; }
.out_present .out_right li.li2:hover i{ background: url(../images/out-2h.png) center no-repeat; }
.out_present .out_right li.li3:hover i{ background: url(../images/out-3h.png) center no-repeat; }
.out_present .out_right li.li4:hover i{ background: url(../images/out-4h.png) center no-repeat; }
.out_present .out_right li.li5:hover i{ background: url(../images/out-5h.png) center no-repeat; }
.out_present .out_right li.li6:hover i{ background: url(../images/out-6h.png) center no-repeat; }

.out_hard{ height: 960px; background: #fff;  overflow: hidden;}
.out_hard .w1200{ width: 1235px; }
.out_hard .hard_end{ margin-top: 50px; height: 740px; }
.out_hard .hard_end .hard_left{ width: 591px; height: 740px; background: url(../images/fat_03.jpg) center no-repeat; text-align: center; }
.out_hard .hard_end .hard_left .ul{ margin-top: 88px; }
.out_hard .hard_end .hard_left .h1{ font-size: 28px; color: #ffffff; letter-spacing:16px; line-height: 1; padding-top: 70px; padding-left: 16px; }
.out_hard .hard_end .hard_left .h2{ font-size: 53px; color: #fff100; line-height: 1; padding-top: 35px; }
.out_hard .hard_end .hard_left .h3{ display: inline-block; font-size: 14px; color: #fff100; line-height: 24px; padding-top: 36px; width: 380px; }
.out_hard .hard_end .hard_left  li{  height: 85px; padding: 10px 70px 10px 60px; color: #fff; font-size: 15px; line-height: 27px;  text-align: left;}

.out_hard .hard_end .hard_left  li p{ padding-left: 95px;  }
.out_hard .hard_end .hard_left  li i{ display: block; width: 80px; height: 80px; float: left; }
.out_hard .hard_end .hard_left  li.li1 i{ background: url(../images/hst_03.png) center no-repeat;  }
.out_hard .hard_end .hard_left  li.li2 i{ background: url(../images/hst_06.png) center no-repeat; }
.out_hard .hard_end .hard_left  li.li3 i{ background: url(../images/hst_08.png) center no-repeat; }

.out_hard .hard_end .hard_right{ width: 599px;  }
.out_hard .hard_end .hard_right .tit{ background: #06c1ae; color: #fff; line-height: 1; padding: 30px 25px; }
.out_hard .hard_end .hard_right .tit h2{ font-size: 30px; font-weight: bold; padding-bottom: 15px; }
.out_hard .hard_end .hard_right .tit p{ font-size: 14px; text-transform: uppercase;  }

.out_hard .hard_end .hard_right .ul{ margin-top: 20px; }
.out_hard .hard_end .hard_right li{ padding: 15px; background: #f9f9f9; height: 90px; }
.out_hard .hard_end .hard_right li:nth-child(2n){ background: #fff; }
.out_hard .hard_end .hard_right li i{ display: block; width: 90px; height: 90px; float: left;}
.out_hard .hard_end .hard_right li .text{ padding-left: 105px; padding-top: 10px; }
.out_hard .hard_end .hard_right li .text h2{ font-size: 16px;  color: #333333; font-weight: bold; line-height: 1; padding-bottom: 12px; }
.out_hard .hard_end .hard_right li .text p{ font-size: 14px; color: #999999;  line-height: 21px; }
.out_hard .hard_end .hard_right li.li1 i{ background: url(../images/waimt_06.png) center no-repeat; }
.out_hard .hard_end .hard_right li.li2 i{ background: url(../images/waimt_10.png) center no-repeat; }
.out_hard .hard_end .hard_right li.li3 i{ background: url(../images/waimt_14.png) center no-repeat; }
.out_hard .hard_end .hard_right li.li4 i{ background: url(../images/waimt_16.png) center no-repeat; }
.out_hard .hard_end .hard_right li.li5 i{ background: url(../images/waimt_18.png) center no-repeat; }

.out_core{ background: #f7f7f7; height: 665px; }
.out_core .core_tab{ height: 125px; border-bottom: #cccccc 1px solid; margin-top: 50px; }
.out_core .core_tab li{ font-size: 24px; color: #999999; border-bottom: #e0e0e0 4px solid;  text-align: center; width: 300px; float: left; cursor: pointer; }
.out_core .core_tab li.on{ color: #06c1ae; border-bottom: #06c1ae 4px solid; }
.out_core .core_tab li i{ width: 60px; height: 60px; display: inline-block;  }
.out_core .core_tab li p{ margin-top: 12px; margin-bottom: 19px; }
.out_core .core_tab li.li1 i{ background: url(../images/out_tab1.png) center no-repeat; }
.out_core .core_tab li.li2 i{ background: url(../images/out_tab2.png) center no-repeat; }
.out_core .core_tab li.li3 i{ background: url(../images/out_tab3.png) center no-repeat; }
.out_core .core_tab li.li4 i{ background: url(../images/out_tab4.png) center no-repeat; }

.out_core .core_tab li.li1.on i{ background: url(../images/out_tab1h.png) center no-repeat; }
.out_core .core_tab li.li2.on i{ background: url(../images/out_tab2h.png) center no-repeat; }
.out_core .core_tab li.li3.on i{ background: url(../images/out_tab3h.png) center no-repeat; }
.out_core .core_tab li.li4.on i{ background: url(../images/out_tab4h.png) center no-repeat; }
.out_core .core_end{ margin-top: 45px; }
.out_core .core_end ul{ display: table; width: 100%; }
.out_core .core_end li{ height: 288px;  padding: 0 10px; text-align: center;  display: table-cell;  width: 100px; }
.out_core .core_end li p{ font-size: 24px; color: #fff; padding-top: 10px; }
.out_core .core_end li .con{ height: 288px;  }
.out_core .core_end li .con:hover .img{ -webkit-animation: bounce 0.8s 0s ease both; }
.out_core .core_end li .img{ height: 130px; width: 130px; display: inline-block; margin-top: 50px;  }
.out_core .core_end li .img img{  height: 130px; width: 130px;  }
.out_core .core_end .dd{ display: none; }
.out_core .core_end .dd .li1 .con{ background: #568de8; }
.out_core .core_end .dd .li2 .con{ background: #ffc147; }
.out_core .core_end .dd .li3 .con{ background: #64d6bc; }
.out_core .core_end .dd .li4 .con{ background: #8d80ef; }
.out_core .core_end .dd .li5 .con{ background: #5b61d9; }
.out_core .core_end .dd .li6 .con{ background: #e9754d; }
.out_core .core_end .dd .li7 .con{ background: #2db979; }
.out_core .core_end .dd .li8 .con{ background: #4baed3; }
.out_core .core_end .dd .li9 .con{ background: #ae5bd9; }
.out_core .core_end .dd .li10 .con{ background: #4acc60; }
.out_core .core_end .dd .li11 .con{ background: #0ccfbb; }
.out_core .core_end .dd .li12 .con{ background: #82cc3f; }
.out_core .core_end .dd .li13 .con{ background: #8b5eb9; }
.out_core .core_end .dd .li14 .con{ background: #f05a8f; }
.out_core .core_end .dd .li15 .con{ background: #4ca6ed; }
.out_core .core_end .dd .li16 .con{ background: #ffbb44; }
.out_core .core_end .dd .li17 .con{ background: #9886ec; }
.out_core .core_end .dd .li18 .con{ background: #ed6950; }


.out_pattern{ height: 830px; background: #fff; }
.out_pattern .w1285{ width: 1200px; margin: 50px auto 0; height: 617px; position: relative; }
.out_pattern .w1285 li.pos-li{ position: absolute; }
.out_pattern .w1285 li.li1{ width: 209px; height: 499px; background: url(../images/st1_03.png) center no-repeat; left: 0px; top: 71px; z-index: 99; }
.out_pattern .w1285 li.li2{ width: 175px; height: 398px; background: url(../images/st5_03.png) center no-repeat; left: 192px; top: 0px; }
.out_pattern .w1285 li.li3{ width: 300px; height: 479px; background: url(../images/sst_03.png) center no-repeat; left: 362px; top: 100px; z-index: 88 ;}
.out_pattern .w1285 li.li4{ width: 561px; height: 373px; background: url(../images/sst1_03.png) center no-repeat; left: 518px; top: 18px;  }
.out_pattern .w1285 li.li5{ width: 120px; height: 322px; background: url(../images/ssth_03.png) center no-repeat; right: 1px; top: 105px; z-index: 77; }


.out_pattern .w1285 li i{width: 24px;height: 33px;position: absolute;background: url(../images/SSTY_13.png) center no-repeat;color: #fff;text-align: center;font-size: 12px;line-height: 25px; display: block; position: absolute;}


.out_pattern .w1285 li .con{ width: 120px; height: 50px; position: absolute;  cursor: pointer; }
.out_pattern .w1285 li .con:hover i{ background: url(../images/SSTY_15.png) center no-repeat; }
.out_pattern .w1285 li .con:hover .img{ display: block; }
.out_pattern .w1285 li .con .img{ width: 211px; height: 441px;   position: absolute; z-index: 88; display: none;  }
.out_pattern .w1285 li .con .img:after{ content: ''; display: block; background: url(../images/tyt.png) center no-repeat; width: 331px; height: 70px; position: absolute; bottom: -2px; left: -58px; }
.out_pattern .w1285 li .con .img:before{ content: ''; display: block; background: url(../images/pho_03.png) center no-repeat;  width: 211px; height: 441px; position: absolute; bottom: 0px; left: 0px; z-index: 98; }
.out_pattern .w1285 li .con .img img{ width: 185px; height: 329px; position: absolute; top: 55px; left: 13px; display: block; z-index: 99; }

.out_pattern .w1285 li.li1 i{ top: 10px; left: -30px; }
.out_pattern .w1285 li.li1 .con .img{ left: 160px; top: -230px; }
.out_pattern .w1285 li.li1 .con{ left: 33px; top: 164px; }

.out_pattern .w1285 li.li3 .con{ left: 31px; top: 42px; }
.out_pattern .w1285 li.li3 i{ top: 35px; left: -27px; }
.out_pattern .w1285 li.li3 .con .img{ left: 140px; top: -180px; }

.out_pattern .w1285 li.li4 .con{ left: 320px; top: 182px;  width: 104px; height: 32px;}
.out_pattern .w1285 li.li4 i{ top: -34px; left: 39px; }
.out_pattern .w1285 li.li4 .con .img{ left: -225px; top: -180px; }

.out_pattern .w1285 li.li5 .con{ left: 0px; top: 215px;  }
.out_pattern .w1285 li.li5 i{ top: 3px; left: -28px; }
.out_pattern .w1285 li.li5 .con .img{ left: -245px; top: -250px; }


.out_function .func_ul li.li1 i{ background: url(../images/waimt-1.png) center no-repeat; }
.out_function .func_ul li.li2 i{ background: url(../images/waimt-2.png) center no-repeat; }
.out_function .func_ul li.li3 i{ background: url(../images/waimt-3.png) center no-repeat; }
.out_function .func_ul li.li4 i{ background: url(../images/waimt-4.png) center no-repeat; }
.out_function .func_ul li.li5 i{ background: url(../images/waimt-5.png) center no-repeat; }
.out_function .func_ul li.li6 i{ background: url(../images/waimt-6.png) center no-repeat; }
.out_function .func_ul li.li7 i{ background: url(../images/waimt-7.png) center no-repeat; }
.out_function .func_ul li.li8 i{ background: url(../images/waimt-8.png) center no-repeat; }
.out_function .func_ul li.li9 i{ background: url(../images/waimt-9.png) center no-repeat; }
.out_function .func_ul li.li10 i{ background: url(../images/waimt-10.png) center no-repeat; }
.out_function .func_ul li.li11 i{ background: url(../images/waimt-11.png) center no-repeat; }
.out_function .func_ul li.li12 i{ background: url(../images/waimt-12.png) center no-repeat; }
.out_function .func_ul li.li13 i{ background: url(../images/waimt-13.png) center no-repeat; }
.out_function .func_ul li.li14 i{ background: url(../images/waimt-14.png) center no-repeat; }
.out_function .func_ul li.li15 i{ background: url(../images/waimt-15.png) center no-repeat; }
.out_function .func_ul li.li16 i{ background: url(../images/waimt-16.png) center no-repeat; }
.out_function .func_ul li.li17 i{ background: url(../images/waimt-17.png) center no-repeat; }
.out_function .func_ul li.li18 i{ background: url(../images/waimt-18.png) center no-repeat; }

.out_function .func_ul li.li1:hover i{ background: url(../images/waimt-1h.png) center no-repeat; }
.out_function .func_ul li.li2:hover i{ background: url(../images/waimt-2h.png) center no-repeat; }
.out_function .func_ul li.li3:hover i{ background: url(../images/waimt-3h.png) center no-repeat; }
.out_function .func_ul li.li4:hover i{ background: url(../images/waimt-4h.png) center no-repeat; }
.out_function .func_ul li.li5:hover i{ background: url(../images/waimt-5h.png) center no-repeat; }
.out_function .func_ul li.li6:hover i{ background: url(../images/waimt-6h.png) center no-repeat; }
.out_function .func_ul li.li7:hover i{ background: url(../images/waimt-7h.png) center no-repeat; }
.out_function .func_ul li.li8:hover i{ background: url(../images/waimt-8h.png) center no-repeat; }
.out_function .func_ul li.li9:hover i{ background: url(../images/waimt-9h.png) center no-repeat; }
.out_function .func_ul li.li10:hover i{ background: url(../images/waimt-10h.png) center no-repeat; }
.out_function .func_ul li.li11:hover i{ background: url(../images/waimt-11h.png) center no-repeat; }
.out_function .func_ul li.li12:hover i{ background: url(../images/waimt-12h.png) center no-repeat; }
.out_function .func_ul li.li13:hover i{ background: url(../images/waimt-13h.png) center no-repeat; }
.out_function .func_ul li.li14:hover i{ background: url(../images/waimt-14h.png) center no-repeat; }
.out_function .func_ul li.li15:hover i{ background: url(../images/waimt-15h.png) center no-repeat; }
.out_function .func_ul li.li16:hover i{ background: url(../images/waimt-16h.png) center no-repeat; }
.out_function .func_ul li.li17:hover i{ background: url(../images/waimt-17h.png) center no-repeat; }
.out_function .func_ul li.li18:hover i{ background: url(../images/waimt-18h.png) center no-repeat; }



.phoneError {z-index:999;position:fixed;top:-500px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:rgba(0,0,0,.8);background:#000/9;border:1px solid #aaa;border-radius:8px;cursor:pointer;margin-left:-150px;}
.telNote {z-index:999;position:fixed;top:300px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:#fe5842;border:1px solid #fff;border-radius:8px;cursor:pointer;margin-left:-150px;}



.asideBanner{z-index:100;position:fixed;bottom:0;left:0;width:20px;height:130px;}
.asideBanner .asideBannerIcon{position:absolute;top:0;left:0%;width:338px;height:130px;background:url('../images/ban/year4-f-1.png');cursor:pointer;}
.asideBanner .foorterBanner{position:absolute;top:0;left:-100%;width:100%;height:133px;background:#d72533;display:none}
.asideBanner .foorterBanner div{height:133px;background:url('../images/ban/year4-f-2.png');}
.asideBanner .foorterBanner input{position: absolute;top: 65px;left: 812px;width: 226px;height: 16px;padding: 0 5px;font-size: 15px;color: #fff;line-height: 16px;background: none;}
.asideBanner .foorterBanner a ,.asideBanner .foorterBanner button{position: absolute;top: 48px;right: 20px;width: 114px;height: 52px;font-size: 25px;color: #fff;line-height: 52px;text-align: center;background: none;cursor: pointer;}
.asideBanner .foorterBanner a{width: 152px;border-radius: 5px}
.asideBanner a.a2{right:618px;background: #ffe400;color: #000}
.asideBanner a.a3{right: 452px;background: #fff;color: #ae1722}
.asideBanner a em{display: inline-block;vertical-align: middle;margin-right: 3px}
.asideBanner a em{*display: inline}
.asideBanner a.a2 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAMAAADt/kXiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAABBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgAAAADjiXfpAAAASXRSTlMAAU2s5O+6agwPu+dFCMb9S5DsECl9ktPbFQI9SI/xzvoDL+6UBNAbXoK90vX74/y5UHzo2jQHzBQ6QSHhY3K+Ju2z2XW81sGEysjbQgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADGSURBVCjPbdLHFoIwEEDRsTcQe0FQEXtv2Huf//8hhRiFhLfLXeRkcgaA5PH6/IiBYCgM9iJR/BYTbCzG8ZeU+HsSbaXSlDOS3TFLPedgzFMvOB2LhGWJ8RJxhWHMEVdZL3ssr7Be1Uyu6azr5gSZAHLVARpNnrHagja61YGuq/eg7+oDQBxyOkKE8njC+XQ2B2MhL9lxV+uNOdh25/T995sPeacfTxYb3P26tRQ1ejzTN8/IsiiX2OdwvYmaoN4fheerBfAG4Cl2NQnKP4gAAAAASUVORK5CYII=") no-repeat;width: 23px;height: 25px}
.asideBanner a.a3 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEUAAACuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyIAAADF1YFdAAAAU3RSTlMAAoT4KA2yQNQHySlc9E7rDhAvogbYDMsK0YwFphkx/vcWSNwTqnMRtJ1HvO4I/Omv3jLfC+/5CeoPsZ9NvRWzGzsY2Y4EF6W121nzTyrNK4P2J+rMaWoAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAA2UlEQVQoz3XR51LCUBAF4IN0UEmAYBAN0qQ3KQoWiihFkXLe/11gKCHJxf23+92Zu3MW0Mt2YXfgTDldpHv/wjR3eHgAr89vmF9e8QjXDOxEkmU5GCJ1CLuoRIAbGmr/hxrlLUAzxO7uAS3+kLBCkqk0kOGjFbI55oECi1aAWrKrKFeqAqBGDajzHDwBDRGarXYTz5UXK3S6fAXe+C6uW/8AeuK6sUwfGLA9hCJG4vzkCPjaZvitjY0hTjiV9NhnPzr8MjA3HMSvHKH8tzCdUPrntNt+uVqfug2mqlKvvc3zcgAAAABJRU5ErkJggg==") no-repeat;width: 24px;height: 22px}
.asideBanner .foorterBanner div>i{position:absolute;top:0;right:0;width:30px;height:30px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAQlBMVEUAAAD////////////////////9/f39/f3////////////////////////////////////////////////T09T///8bG85OAAAAFXRSTlMA8+a0M6dKKyCSiHE/2cF+VM6eYh5kd6SPAAAAb0lEQVQoz+3QSQ6AIAxA0RYFVBTH3v+qliFsChzA+LevTZPC9zscpMy1Sl2JhjSGpGqc3CCRB9nOrqNuE1Rawn5R2UwhlVWmWbGpIxI3dxSbbhXftZp9aSiOAA0/o3IDuxHso2a/BT/Olv85+Ov2AhGUBjYiB4fUAAAAAElFTkSuQmCC') no-repeat;background-position:center center;cursor:pointer;}
.asideBanner input::-webkit-input-placeholder{color:#fbefe0;}













.com_pattern .w1200{ width: 1200px; }

.banner ul.out_ul li .cy_mg8{ -webkit-animation:tada 1s 2.5s ease both;-moz-animation:tada 1s 2.5s ease both; }
.out_hard.animate .hard_end .hard_left { -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both; }
.out_hard.animate .hard_end .hard_right  { -webkit-animation:bounceInRight 1.5s 1s ease both;-moz-animation:bounceInRight 1.5s 1s ease both; }
.out_core.animate .core_tab{ -webkit-animation: bouncetop 1s 0.5s ease both; -moz-animation: bouncetop 1s 0.5s ease both; }

.out_core.animate .core_end .active li.li1{ -webkit-animation: flipInY 1.5s 0.2s ease both;-moz-animation: flipInY 1.5s 0.2s ease both;}
.out_core.animate .core_end .active li.li2{ -webkit-animation: flipInY 1.5s 0.5s ease both;-moz-animation: flipInY 1.5s 0.5s ease both;}
.out_core.animate .core_end .active li.li3{ -webkit-animation: flipInY 1.5s 0.8s ease both;-moz-animation: flipInY 1.5s 0.8s ease both;}
.out_core.animate .core_end .active li.li4{ -webkit-animation: flipInY 1.5s 1.1s ease both;-moz-animation: flipInY 1.5s 1.1s ease both;}

.out_core.animate .core_end .active li.li5{ -webkit-animation: flipInY 1.5s 0.2s ease both;-moz-animation: flipInY 1.5s 0.2s ease both;}
.out_core.animate .core_end .active li.li6{ -webkit-animation: flipInY 1.5s 0.5s ease both;-moz-animation: flipInY 1.5s 0.5s ease both;}
.out_core.animate .core_end .active li.li7{ -webkit-animation: flipInY 1.5s 0.8s ease both;-moz-animation: flipInY 1.5s 0.8s ease both;}
.out_core.animate .core_end .active li.li8{ -webkit-animation: flipInY 1.5s 1.2s ease both;-moz-animation: flipInY 1.5s 1.2s ease both;}
.out_core.animate .core_end .active li.li9{ -webkit-animation: flipInY 1.5s 1.5s ease both;-moz-animation: flipInY 1.5s 1.5s ease both;}
.out_core.animate .core_end .active li.li10{ -webkit-animation: flipInY 1.5s 1.8s ease both;-moz-animation: flipInY 1.5s 1.8s ease both;}

.out_core.animate .core_end .active li.li11{ -webkit-animation: flipInY 1.5s 0.2s ease both;-moz-animation: flipInY 1.5s 0.2s ease both;}
.out_core.animate .core_end .active li.li12{ -webkit-animation: flipInY 1.5s 0.5s ease both;-moz-animation: flipInY 1.5s 0.5s ease both;}
.out_core.animate .core_end .active li.li13{ -webkit-animation: flipInY 1.5s 0.8s ease both;-moz-animation: flipInY 1.5s 0.8s ease both;}
.out_core.animate .core_end .active li.li14{ -webkit-animation: flipInY 1.5s 1.2s ease both;-moz-animation: flipInY 1.5s 1.2s ease both;}
.out_core.animate .core_end .active li.li15{ -webkit-animation: flipInY 1.5s 1.5s ease both;-moz-animation: flipInY 1.5s 1.5s ease both;}

.out_core.animate .core_end .active li.li16{ -webkit-animation: flipInY 1.5s 0.2s ease both;-moz-animation: flipInY 1.5s 0.2s ease both;}
.out_core.animate .core_end .active li.li17{ -webkit-animation: flipInY 1.5s 0.5s ease both;-moz-animation: flipInY 1.5s 0.5s ease both;}
.out_core.animate .core_end .active li.li18{ -webkit-animation: flipInY 1.5s 0.8s ease both;-moz-animation: flipInY 1.5s 0.8s ease both;}


.out_pattern.animate  .w1285 li.li1{ -webkit-animation:slideInLeft 1s 0.5s ease both;-moz-animation:slideInLeft 1s 0.5s ease both; }
.out_pattern.animate  .w1285 li.li2{ -webkit-animation:slideInLeft 1s 1s ease both;-moz-animation:slideInLeft 1s 1s ease both; }
.out_pattern.animate  .w1285 li.li3{ -webkit-animation:slideInLeft 1s 1.5s ease both;-moz-animation:slideInLeft 1s 1.5s ease both; }
.out_pattern.animate  .w1285 li.li4{ -webkit-animation:slideInLeft 1s 2s ease both;-moz-animation:slideInLeft 1s 2s ease both; }
.out_pattern.animate  .w1285 li.li5{ -webkit-animation:slideInLeft 1s 2.5s ease both;-moz-animation:slideInLeft 1s 2.5s ease both; }

.out_pattern.animate .w1285 li i{ -webkit-animation:rubberBand 1.5s 3s ease both,swing 3s 4.5s linear infinite;-moz-animation:rubberBand 1.5s 3s ease both,swing 3s 4.5s linear infinite; }


.banner ul li a{ cursor:default}








/*动画*/
.change:before{ -webkit-animation:bounceup 5s linear infinite;;-moz-animation:bounceup 5s linear infinite; }
.model .mod1{ -webkit-animation:bouncerate 3s linear infinite;;-moz-animation:bouncerate 3s linear infinite; }
.model .mod2{ -webkit-animation:bouncerate 3s 0.5s linear infinite;;-moz-animation:bouncerate 3s 0.5s  linear infinite; }
.model .mod3{ -webkit-animation:bouncerate 3s 1s linear infinite;;-moz-animation:bouncerate 3s 1s linear infinite; }
.model .mod4{ -webkit-animation:bouncerate 3s 1.5s linear infinite;;-moz-animation:bouncerate 3s 1.5s linear infinite; }
.model .mod5{ -webkit-animation:bouncerate 3s 2.0s linear infinite;;-moz-animation:bouncerate 3s 2.0s linear infinite; }

.banner ul li .mg1{  -webkit-animation:bouncetop 1s 4s ease both;-moz-animation:bouncetop 1s 4s ease both; }
.banner ul li .mg2{  -webkit-animation:zoomInDown 1s 0.2s ease both;-moz-animation:zoomInDown 1s 0.2s ease both;animation:zoomInDown 1s 0.2s ease both;}
.banner ul li .mg3{ -webkit-animation:bounceInRight 1s 0.8s ease both;-moz-animation:bounceInRight 1s 0.8s ease both;}
.banner ul li .mg4{ -webkit-animation:bounceInLeft 1s 1s ease both;-moz-animation:bounceInLeft 1s 1s ease both; }
.banner ul li .mg5{ -webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both; }
.banner ul li .mg6{ -webkit-animation:bounceInLeft 1s 2s ease both;-moz-animation:bounceInLeft 1s 2s ease both; }
.banner ul li .mg7{ -webkit-animation:bounceInLeft 1s 2.5s ease both;-moz-animation:bounceInLeft 1s 2.5s ease both; }
.banner ul li .mg8{ -webkit-animation:bounceInLeft 1s 3s ease both;-moz-animation:bounceInLeft 1s 3s ease both; }
.banner ul li .mg9,.banner ul li .mg10,.banner ul li .mg11,.banner ul li .mg12{ -webkit-animation:bouncerate 3s linear infinite;;-moz-animation:bouncerate 3s linear infinite; }
.link{-webkit-animation:flipInY 2s 4.5s ease both;-moz-animation:flipInY 2s 4.5s ease both;-ms-animation:flipInY 2s 4.5s ease both;animation:flipInY 2s 4.5s ease both;}



.development .h2 .more i.i1{-webkit-animation:bounceopacity 2s 0.5s linear infinite;}
.development .h2 .more i.i2{-webkit-animation:bounceopacity 2s 1s linear infinite;}
.development .h2 .more i.i3{-webkit-animation:bounceopacity 2s 1.5s linear infinite;}

.change.animate .dd_list .active .s1{  -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both; }
.change.animate .dd_list .active .s1_pd{ -webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both;}

.change.animate .dd_list .active .s2{ -webkit-animation:bounceInLeft 1.5s 1.5s ease both;-moz-animation:bounceInLeft 1.5s 1.5s ease both; }
.change.animate .dd_list .active .s2_pd{ -webkit-animation:bounceInLeft 1.5s 1s ease both;-moz-animation:bounceInLeft 1.5s 1s ease both; }

.change.animate .dd_list .active .s3{  -webkit-animation:bounceInLeft 1.5s 2.5s ease both;-moz-animation:bounceInLeft 1.5s 2.5s ease both;}
.change.animate .dd_list .active .s3_pd{ -webkit-animation:bounceInLeft 1.5s 2s ease both;-moz-animation:bounceInLeft 1.5s 2s ease both; }

.change.animate .dd_list .active .s4{  -webkit-animation:bounceInLeft 1.5s 3.5s ease both;-moz-animation:bounceInLeft 1.5s 3.5s ease both; }
.change.animate .dd_list .active .s4_pd{ -webkit-animation:bounceInLeft 1.5s 3s ease both;-moz-animation:bounceInLeft 1.5s 3s ease both;  }

.change.animate .dd_list .active .s5{  -webkit-animation:bounceInRight 1.5s 1s ease both;-moz-animation:bounceInRight 1.5s 1s ease both; }
.change.animate .dd_list .active .s5_pd{ -webkit-animation:bounceInRight 1.5s 0.5s ease both;-moz-animation:bounceInRight 1.5s 0.5s ease both;  }

.change.animate .dd_list .active .s6{ -webkit-animation:bounceInRight 1.5s 2s ease both;-moz-animation:bounceInRight 1.5s 2s ease both;  }
.change.animate .dd_list .active .s6_pd{ -webkit-animation:bounceInRight 1.5s 1.5s ease both;-moz-animation:bounceInRight 1.5s 1.5s ease both;   }

.change.animate .dd_list .active .s7{ -webkit-animation:bounceInRight 1.5s 3s ease both;-moz-animation:bounceInRight 1.5s 3s ease both; }
.change.animate .dd_list .active .s7_pd{ -webkit-animation:bounceInRight 1.5s 2.5s ease both;-moz-animation:bounceInRight 1.5s 2.5s ease both;   }

.change.animate .dd_list .active .s8{ -webkit-animation:bounceInRight 1.5s 4s ease both;-moz-animation:bounceInRight 1.5s 4s ease both;}
.change.animate .dd_list .active .s8_pd{ -webkit-animation:bounceInRight 1.5s 3.5s ease both;-moz-animation:bounceInRight 1.5s 3.5s ease both;  }

.change.animate .dd_list .active .js{ -webkit-animation: bouncetop 1s 4.5s ease both; -moz-animation: bouncetop 1s 4.5s ease both; }
.change.animate .dd_list .active .moid{  -webkit-animation: zoomInDown 1s 0.3s ease both;-moz-animation: zoomInDown 1s 0.3s ease both; animation: zoomInDown 1s 0.3s ease both;  }

.change.animate .dd_list .highlight.active .bj{   -webkit-animation: bouncetop 1s 4s ease both; -moz-animation: bouncetop 1s 4s ease both;}
.change.animate .dd_list .profit.active .bj{   -webkit-animation: bouncetop 1s 3s ease both; -moz-animation: bouncetop 1s 3s ease both;}

.banner ul li .cy_mg1{ -webkit-animation:rollIn 1s 0.2s ease both;-moz-animation:rollIn 1s 0.2s ease both;animation:rollIn 1s 0.2s ease both; }
.banner ul li .cy_mg2{ -webkit-animation:rotateIn 1s 0.5s ease both;-moz-animation:rotateIn 1s 0.5s ease both; }
.banner ul li .cy_mg3{ -webkit-animation:rotateIn 1s 1s ease both;-moz-animation:rotateIn 1s 1s ease both;  }
.banner ul li .cy_mg4{ -webkit-animation:rotateIn 1s 1.5s ease both;-moz-animation:rotateIn 1s 1.5s ease both; }
.banner ul li .cy_mg5{ -webkit-animation:rotateIn 1s 2s ease both;-moz-animation:rotateIn 1s 2s ease both;  }
.banner ul li .cy_mg6{ -webkit-animation:rotateIn 1s 2.5s ease both;-moz-animation:rotateIn 1s 2.5s ease both; }
.banner ul li .cy_mg7{ -webkit-animation:rotateIn 1s 3s ease both;-moz-animation:rotateIn 1s 3s ease both;  }
.banner ul li .cy_mg8{ -webkit-animation:tada 1s 3.5s ease both;-moz-animation:tada 1s 3.5s ease both; }


.meal_solve.animate .meal_stop .meal_sleft{ -webkit-animation:slideInLeft 1.5s 0.3s ease both;-moz-animation:slideInLeft 1.5s 0.3s ease both; }
.meal_solve.animate .meal_stop .arrow{-webkit-animation:rollIn 1.5s 0.5s ease both;-moz-animation:rollIn 1.5s 0.5s ease both; }
.meal_solve.animate .meal_stop .meal_sright{-webkit-animation:slideInRight 1.5s 0.8s ease both;-moz-animation:slideInRight 1.5s 0.8s ease both;  }

.meal_solve.animate .ul1 li.li_left{ -webkit-animation:slideInLeft 1s 1.2s ease both;-moz-animation:slideInLeft 1s 1.2s ease both; }
.meal_solve.animate .ul1 li.li_right{ -webkit-animation:slideInRight 1s 1.4s ease both;-moz-animation:slideInRight 1s 1.4s ease both;}
.meal_solve.animate .ul2 li.li_left{ -webkit-animation:slideInLeft 1s 1.6s ease both;-moz-animation:slideInLeft 1s 1.6s ease both; }
.meal_solve.animate .ul2 li.li_right{ -webkit-animation:slideInRight 1s 1.8s ease both;-moz-animation:slideInRight 1s 1.8s ease both;}
.meal_solve.animate .ul3 li.li_left{ -webkit-animation:slideInLeft 1s 2s ease both;-moz-animation:slideInLeft 1s 2s ease both; }
.meal_solve.animate .ul3 li.li_right{ -webkit-animation:slideInRight 1s 2.2s ease both;-moz-animation:slideInRight 1s 2.2s ease both;}
.meal_solve.animate .ul4 li.li_left{ -webkit-animation:slideInLeft 1s 2.4s ease both;-moz-animation:slideInLeft 1s 2.4s ease both; }
.meal_solve.animate .ul4 li.li_right{ -webkit-animation:slideInRight 1s 2.6s ease both;-moz-animation:slideInRight 1s 2.6s ease both;}
.meal_solve.animate .ul5 li.li_left{ -webkit-animation:slideInLeft 1s 2.8s ease both;-moz-animation:slideInLeft 1s 2.8s ease both; }
.meal_solve.animate .ul5 li.li_right{ -webkit-animation:slideInRight 1s 3s ease both;-moz-animation:slideInRight 1s 3s ease both;}
.meal_solve.animate .ul6 li.li_left{ -webkit-animation:slideInLeft 1s 3.2s ease both;-moz-animation:slideInLeft 1s 3.2s ease both; }
.meal_solve.animate .ul6 li.li_right{ -webkit-animation:slideInRight 1s 3.4s ease both;-moz-animation:slideInRight 1s 3.4s ease both;}


.meal_video.animate .w1200 h2{ -webkit-animation:bounceInDownx 1.5s 0s ease both;-moz-animation:bounceInDownx 1.5s 0s ease both;  }
.meal_video.animate .w1200 p { -webkit-animation:bounceInUps 1.5s 0.5s ease both;-moz-animation:bounceInUps 1.5s 0.5s ease both;  }
.meal_video.animate .w1200 .sowing{ -webkit-animation:bounceInRight 1.5s 1s ease both,syiconnscale 1.5s 5s linear infinite; }


.meal_operate.animate .an1{  -webkit-animation:zoomInDown 1.5s 0.5s ease both;-moz-animation:zoomInDown 1.5s 0.5s ease both; }
.meal_operate.animate .an2{  -webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both;}
.meal_operate.animate .an3{  -webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both; }
.meal_operate.animate .an4{  -webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both; }
.meal_operate.animate .an5{  -webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both;}
.meal_operate.animate .an6{  -webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both; }
.meal_operate.animate .an7{  -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both; }
.meal_operate.animate .an8{ -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an9{  -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an10{ -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an11{  -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an12{  -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an13{  -webkit-animation:zoomInDown 1.5s 2s ease both;-moz-animation:zoomInDown 1.5s 2s ease both;}
.meal_operate.animate .an14{   -webkit-animation:zoomInDown 1.5s 3s ease both;-moz-animation:zoomInDown 1.5s 3s ease both;}
.meal_operate.animate .an15{   -webkit-animation:zoomInDown 1.5s 3s ease both;-moz-animation:zoomInDown 1.5s 3s ease both; }
.meal_operate.animate .an16{  -webkit-animation:zoomInDown 1.5s 3s ease both;-moz-animation:zoomInDown 1.5s 3s ease both; }
.meal_operate.animate .an17{   -webkit-animation:zoomInDown 1.5s 3s ease both;-moz-animation:zoomInDown 1.5s 3s ease both;}
.meal_operate.animate .an18{  -webkit-animation:zoomInDown 1.5s 3.5s ease both;-moz-animation:zoomInDown 1.5s 3.5s ease both; }
.meal_operate.animate .an19{  -webkit-animation:zoomInDown 1.5s 4s ease both;-moz-animation:zoomInDown 1.5s 4s ease both;}
.meal_operate.animate .an20{  -webkit-animation:zoomInDown 1.5s 4.5s ease both;-moz-animation:zoomInDown 1.5s 4.5s ease both;}


.meal_operate.animate .an1 i{ -webkit-animation:bounceInDownx 1.5s 5s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 5s ease both,swing 3s 8.5s linear infinite; }
.meal_operate.animate .an4 i{ -webkit-animation:bounceInDownx 1.5s 5.3s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 5.3s ease both,swing 3s 8.5s linear infinite;  }
.meal_operate.animate .an5 i{ -webkit-animation:bounceInDownx 1.5s 5.6s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 5.6s ease both,swing 3s 8.5s linear infinite;  }
.meal_operate.animate .an8 i{ -webkit-animation:bounceInDownx 1.5s 5.9s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 5.9s ease both,swing 3s 8.5s linear infinite;  }
.meal_operate.animate .an9 i{ -webkit-animation:bounceInDownx 1.5s 6.2s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 6.2s ease both,swing 3s 8.5s linear infinite;  }
.meal_operate.animate .an11 i{ -webkit-animation:bounceInDownx 1.5s 6.5s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 6.5s ease both,swing 3s 8.5s linear infinite; }
.meal_operate.animate .an13 i{ -webkit-animation:bounceInDownx 1.5s 6.8s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 6.8s ease both,swing 3s 8.5s linear infinite;}
.meal_operate.animate .an15 i{ -webkit-animation:bounceInDownx 1.5s 7.1s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 7.15s ease both,swing 3s 8.5s linear infinite; }
.meal_operate.animate .an17 i{ -webkit-animation:bounceInDownx 1.5s 7.4s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 7.4s ease both,swing 3s 8.5s linear infinite; }
.meal_operate.animate .an18 i{ -webkit-animation:bounceInDownx 1.5s 7.7s ease both,swing 3s 8.5s linear infinite;-moz-animation:bounceInDownx 1.5s 7.7s ease both,swing 3s 8.5s linear infinite;  }

.meal_ad.animate .li1{ -webkit-animation:bounceInDownx 1.5s 0.5s ease both;-moz-animation:bounceInDownx 1.5s 0.5s ease both; }
.meal_ad.animate .li2{ -webkit-animation:bounceInUps 1.5s 1.5s ease both;-moz-animation:bounceInUps 1.5s 1.5s ease both; }
.meal_ad.animate .li3{ -webkit-animation:bounceInDownx 1.5s 2s ease both;-moz-animation:bounceInDownx 1.5s 2s ease both; }
.meal_ad.animate .li4{ -webkit-animation:bounceInUps 1.5s 2.5s ease both;-moz-animation:bounceInUps 1.5s 2.5s ease both; }
.meal_ad.animate .li5{ -webkit-animation:bounceInDownx 1.5s 3s ease both;-moz-animation:bounceInDownx 1.5s 3s ease both; }
.meal_ad.animate .li6{ -webkit-animation:bounceInUps 1.5s 3.5s ease both;-moz-animation:bounceInUps 1.5s 3.5s ease both; }
.meal_ad.animate .li7{ -webkit-animation:bounceInDownx 1.5s 4s ease both;-moz-animation:bounceInDownx 1.5s 4s ease both; }
.meal_ad.animate .li8{ -webkit-animation:bounceInUps 1.5s 4.5s ease both;-moz-animation:bounceInUps 1.5s 4.5s ease both; }

.meal_Carousel.animate .ul_round,.com_pattern.animate .pattern_img{ -webkit-animation:bouncetop 2s 1s ease both;-moz-animation:bouncetop 2s 1s ease both; }


.meal_function.animate .func_ul li.li1 { -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both; }
.meal_function.animate .func_ul li.li2 { -webkit-animation:bounceInLeft 1.5s 1s ease both;-moz-animation:bounceInLeft 1.5s 1s ease both; }
.meal_function.animate .func_ul li.li3 { -webkit-animation:bounceInLeft 1.5s 1.5s ease both;-moz-animation:bounceInLeft 1.5s 1.5s ease both; }
.meal_function.animate .func_ul li.li4 { -webkit-animation:bounceInRight 1.5s 2s ease both;-moz-animation:bounceInRight 1.5s 2s ease both; }
.meal_function.animate .func_ul li.li5 { -webkit-animation:bounceInRight 1.5s 2.5s ease both;-moz-animation:bounceInRight 1.5s 2.5s ease both; }
.meal_function.animate .func_ul li.li6 { -webkit-animation:bounceInRight 1.5s 3s ease both;-moz-animation:bounceInRight 1.5s 3s ease both; }
.meal_function.animate .func_ul li.li7 { -webkit-animation:bounceInLeft 1.5s 3.5s ease both;-moz-animation:bounceInLeft 1.5s 3.5s ease both; }
.meal_function.animate .func_ul li.li8 { -webkit-animation:bounceInLeft 1.5s 4s ease both;-moz-animation:bounceInLeft 1.5s 4s ease both; }
.meal_function.animate .func_ul li.li9 { -webkit-animation:bounceInLeft 1.5s 4.5s ease both;-moz-animation:bounceInLeft 1.5s 4.5s ease both; }
.meal_function.animate .func_ul li.li10 { -webkit-animation:bounceInRight 1.5s 5s ease both;-moz-animation:bounceInRight 1.5s 5s ease both; }
.meal_function.animate .func_ul li.li11 { -webkit-animation:bounceInRight 1.5s 5.5s ease both;-moz-animation:bounceInRight 1.5s 5.5s ease both; }
.meal_function.animate .func_ul li.li12 { -webkit-animation:bounceInRight 1.5s 6s ease both;-moz-animation:bounceInRight 1.5s 6s ease both; }
.meal_function.animate .func_ul li.li13 { -webkit-animation:bounceInLeft 1.5s 6.5s ease both;-moz-animation:bounceInLeft 1.5s 6.5s ease both; }
.meal_function.animate .func_ul li.li14 { -webkit-animation:bounceInLeft 1.5s 7s ease both;-moz-animation:bounceInLeft 1.5s 7s ease both; }
.meal_function.animate .func_ul li.li15 { -webkit-animation:bounceInLeft 1.5s 7.5s ease both;-moz-animation:bounceInLeft 1.5s 7.5s ease both; }
.meal_function.animate .func_ul li.li16 { -webkit-animation:bounceInRight 1.5s 8s ease both;-moz-animation:bounceInRight 1.5s 8s ease both; }
.meal_function.animate .func_ul li.li17 { -webkit-animation:bounceInLeft 1.5s 8.5s ease both;-moz-animation:bounceInLeft 1.5s 8.5s ease both; }
.meal_function.animate .func_ul li.li18 { -webkit-animation:bounceInRight 1.5s 9s ease both;-moz-animation:bounceInRight 1.5s 9s ease both; }


.model.animate .model_ul li.li1{ -webkit-animation:bouncetop 1.5s 0.5s ease both;-moz-animation:bouncetop 1.5s 0.5s ease both;  }
.model.animate .model_ul li.li2{ -webkit-animation:bouncetop 1.5s 1.5s ease both;-moz-animation:bouncetop 1.5s 1.5s ease both;  }
.model.animate .model_ul li.li3{ -webkit-animation:bouncetop 1.5s 2s ease both;-moz-animation:bouncetop 1.5s 2s ease both;  }
.model.animate .model_ul li.li4{ -webkit-animation:bouncetop 1.5s 2.5s ease both;-moz-animation:bouncetop 1.5s 2.5s ease both;  }

.solve.animate .solve_ul li.li1,.com_function.animate .func li.li1{ -webkit-animation:flipInY 1.5s 0.5s ease both;-moz-animation:flipInY 1.5s 0.5s ease both; }
.solve.animate .solve_ul li.li5,.com_function.animate .func li.li2{ -webkit-animation:flipInY 1.5s 1s ease both;-moz-animation:flipInY 1.5s 1s ease both;}
.solve.animate .solve_ul li.li2,.com_function.animate .func li.li3{ -webkit-animation:flipInY 1.5s 1.5s ease both;-moz-animation:flipInY 1.5s 1.5s ease both; }
.solve.animate .solve_ul li.li4,.com_function.animate .func li.li4{ -webkit-animation:flipInY 1.5s 2s ease both;-moz-animation:flipInY 1.5s 2s ease both; }
.solve.animate .solve_ul li.li3{ -webkit-animation:flipInY 1.5s 2.5s ease both;-moz-animation:flipInY 1.5s 2.5s ease both; }
.solve.animate .solve_ul li.li6{ -webkit-animation:flipInY 1.5s 3s ease both;-moz-animation:flipInY 1.5s 3s ease both; }


.team.animate .team_end .team_list li.li1{ -webkit-animation:rotateInDownLeft 1.5s 0.5s ease both;-moz-animation:rotateInDownLeft 1.5s 0.5s ease both; }
.team.animate .team_end .team_list li.li2{ -webkit-animation:rotateInDownRight 1.5s 1s ease both;-moz-animation:rotateInDownRight 1.5s 1s ease both; }
.team.animate .team_end .team_list li.li3{ -webkit-animation:rotateInDownLeft 1.5s 1.5s ease both;-moz-animation:rotateInDownLeft 1.5s 1.5s ease both; }
.team.animate .team_end .team_list li.li4{ -webkit-animation:rotateInDownRight 1.5s 2s ease both;-moz-animation:rotateInDownRight 1.5s 2s ease both; }
.team.animate .team_end .team_list li.li5{ -webkit-animation:rotateInDownLeft 1.5s 2.5s ease both;-moz-animation:rotateInDownLeft 1.5s 2.5s ease both; }
.team.animate .team_end .team_list li.li6{ -webkit-animation:rotateInDownRight 1.5s 3s ease both;-moz-animation:rotateInDownRight 1.5s 3s ease both; }

.team.animate .team_end .team_pho{-webkit-animation:fadeInRight 2s 4s ease both;-moz-animation:fadeInRight 2s 4s ease both;  }

.meal_solve .meal_top{ -webkit-animation:bounce-op1 2s 0s ease both;-moz-animation:bounce-op1 2s 0s ease both;   }
.change_top,.model_top,.solve_top,.team_top,.news_top,.meal_top{ -webkit-animation:bounce-op 2s 0s ease both;-moz-animation:bounce-op 2s 0s ease both; }
.animate .change_top,.animate .model_top,.animate .solve_top,.animate .team_top,.animate .news_top,.animate .meal_top{ -webkit-animation:bounceIn 1s 0s ease both;-moz-animation:bounceIn 1s 0s ease both;  }

.animate .carousel{ -webkit-animation:bouncetop  1.5s 1s ease both;-moz-animation:bouncetop  1.5s 1s ease both; }

.development.animate .deve_left{ -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both;  }
.development.animate .deve_left1{  -webkit-animation:bounceInRight 1.5s 1s ease both;-moz-animation:bounceInRight 1.5s 1s ease both;}


.banner .cban_mg1{ -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both; }
.banner .cban_mg2{ -webkit-animation:bounceInLeft 1.5s 1s ease both;-moz-animation:bounceInLeft 1.5s 1s ease both; }
.banner .cban_mg3{ -webkit-animation:bounceInRight 1.5s 1.5s ease both;-moz-animation:bounceInRight 1.5s 1.5s ease both; }

.com_advantage.animate li.li1{  -webkit-animation:slideInLeft 1.5s 0.5s ease both;-moz-animation:slideInLeft 1.5s 0.5s ease both;}
.com_advantage.animate li.li2{  -webkit-animation:slideInRight 1.5s 1s ease both;-moz-animation:slideInRight 1.5s 1s ease both; }
.com_advantage.animate li.li3{  -webkit-animation:slideInLeft 1.5s 1.5s ease both;-moz-animation:slideInLeft 1.5s 1.5s ease both; }
.com_advantage.animate li.li4{  -webkit-animation:slideInRight 1.5s 2s ease both;-moz-animation:slideInRight 1.5s s ease both;}

.com_more{-webkit-animation:bounce-op 2s 0s ease both;-moz-animation:bounce-op 2s 0s ease both;  }
.com_more.animate{ -webkit-animation:bouncetop 2s 0s ease both;-moz-animation:bouncetop 2s 0s ease both; }

.change.animate .highlight.active li.li1 { -webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both; }
.change.animate .highlight.active li.li2 { -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both; }
.change.animate .highlight.active li.li3 { -webkit-animation:bounceInRight 1.5s 1s ease both;-moz-animation:bounceInRight 1.5s 1s ease both; }
.change.animate .highlight.active li.li4 { -webkit-animation:bounceInRight 1.5s 1.5s ease both;-moz-animation:bounceInRight 1.5s 1.5s ease both; }
.change.animate .highlight.active li.li5 { -webkit-animation:bounceInLeft 1.5s 2s ease both;-moz-animation:bounceInLeft 1.5s 2s ease both; }
.change.animate .highlight.active li.li6 { -webkit-animation:bounceInLeft 1.5s 2.5s ease both;-moz-animation:bounceInLeft 1.5s 2.5s ease both; }
.change.animate .highlight.active li.li7 { -webkit-animation:bounceInRight 1.5s 3s ease both;-moz-animation:bounceInRight 1.5s 3s ease both; }
.change.animate .highlight.active li.li8 { -webkit-animation:bounceInRight 1.5s 3.5s ease both;-moz-animation:bounceInRight 1.5s 3.5s ease both; }



.change.animate .profit.active li.li3{ -webkit-animation:bounceInDownx 1.5s 0s ease both;-moz-animation:bounceInDownx 1.5s 0s ease both;  }
.change.animate .profit.active li.li2{ -webkit-animation:bounceInDownx 1.5s 0.5s ease both;-moz-animation:bounceInDownx 1.5s 0.5s ease both;  }
.change.animate .profit.active li.li4{ -webkit-animation:bounceInDownx 1.5s 1s ease both;-moz-animation:bounceInDownx 1.5s 1s ease both;  }
.change.animate .profit.active li.li5{ -webkit-animation:bounceInUps 1.5s 1.5s ease both;-moz-animation:bounceInUps 1.5s 1.5s ease both;  }
.change.animate .profit.active li.li1{ -webkit-animation:bounceInUps 1.5s 2s ease both;-moz-animation:bounceInUps 1.5s 2s ease both;  }
.change.animate .profit.active li.li6{  -webkit-animation:bounceInUps 1.5s 2.5s ease both;-moz-animation:bounceInUps 1.5s 2.5s ease both; }



.c_nav li.li1{ -webkit-animation:rotateInDownLeft 1.5s 0.5s ease both;-moz-animation:rotateInDownLeft 1.5s 0.5s ease both; }
.c_nav li.li2{ -webkit-animation:rotateInDownLeft 1.5s 1.5s ease both;-moz-animation:rotateInDownLeft 1.5s 1.5s ease both; }
.c_nav li.li3{ -webkit-animation:rotateInDownRight 1.5s 1s ease both;-moz-animation:rotateInDownRight 1.5s 1s ease both;  }
.c_nav li.li4{ -webkit-animation:rotateInDownRight 1.5s 2s ease both;-moz-animation:rotateInDownRight 1.5s 2s ease both;  }

@-webkit-keyframes bounceup{
    0%,100%{ transform: translate3d(50px ,0px, 0)}50%{ transform: translate3d(0px,0px, 0)}
}
@-moz-keyframes bounceup{
    0%,100%{ transform: translate3d(50px ,0px, 0)}50%{ transform: translate3d(0px,0px, 0)}
}


@-webkit-keyframes bouncerate{
    0%,100%{ transform: rotate(10deg) scale(1.2)  }50%{ transform: rotate(-10deg) scale(1)}
}
@-moz-keyframes bouncerate{
    0%,100%{ transform: rotate(10deg) scale(1.2)  }50%{ transform: rotate(-10deg) scale(1)}
}

@-webkit-keyframes bouncetop{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
    50%{opacity: 1;}}
@keyframes bouncetop{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
    50%{opacity: 1;}}

@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}
    60%{opacity:1;-moz-transform:translateX(30px)}
    80%{-moz-transform:translateX(-10px)}
    100%{-moz-transform:translateX(0)}}

@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px)}
    100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}
    60%{opacity:1;-moz-transform:translateX(-30px)}
    80%{-moz-transform:translateX(10px)}
    100%{-moz-transform:translateX(0)}}

@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}


@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
    50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
    50%{opacity: 1;}}


@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(2000px)}
    60%{opacity:1;-moz-transform:translateY(30px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-moz-transform:perspective(400px) rotateY(-10deg)}
    70%{-moz-transform:perspective(400px) rotateY(10deg)}
    100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}



@-webkit-keyframes syiconnscale{
    0%,100%{-webkit-transform: scale(1,1);}50% {-webkit-transform: scale(1.2,1.2); }
}
@-moz-keyframes syiconnscale{
    0%,100%{-moz-transform: scale(1,1);}50% {-moz-transform: scale(1.2,1.2); }
}


@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@-webkit-keyframes bounceleft {
    20%{
        transform:rotate(45deg);
    }
    40%{
        transform:translate3d(0, 0px, 0);
    }
    80%{
        transform:translate3d(0, 10px, 0);
    }
    100% {
        transform:translate3d(0, 0px, 0);
    }
}


@keyframes bounceopacity{
    0%,100%{
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);opacity: 0;}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity: 1;}}

@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}

@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}

@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1); opacity: 0;}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1}}

@-webkit-keyframes bounceInDownx{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes bounceInUps{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}


@-webkit-keyframes bounce-up {

    25% {
        -webkit-transform: translateY(10px);
    }
    50%{
        -webkit-transform: translateY(5px);
    }

    75% {
        -webkit-transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes bounce-up {
    25% {
        -moz-transform: translateY(10px);
    }
    50%{
        -moz-transform: translateY(5px);
    }

    75% {
        -moz-transform: translateY(8px);
    }
    100% {
        -moz-transform: translateY(0px);
    }
}

@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%{
        transform: translateY(5px);
    }

    75% {
        transform: translateY(8px);
    }
    100% {
        transform: translateY(0px);
    }
}




@-webkit-keyframes bounceInop { 0% {opacity: 0} 100% {opacity: 1 ;}}
@-moz-keyframes bounceInop {0% {opacity: 0 }  100% {opacity: 1;}}
@keyframes bounceInop {0% {opacity: 0 }  100% {opacity: 1;}}


@-webkit-keyframes bounceBot { 0% {opacity: 0.3} 100% {opacity:  1;}}
@-moz-keyframes bounceBot {0% {opacity: 0.3}  100% {opacity:  1;}}
@keyframes bounceBot {0% {opacity: 0.3}  100% {opacity: 1;}}

@-webkit-keyframes bounceshan { 0% {background: #e22730} 50%{ ackground: #e22730 } 51%{ ackground: #1d84c0 } 100% {background: #1d84c0;}}
@-moz-keyframes bounceshan {0% {background: #e22730} 50%{ ackground: #e22730 } 51%{ ackground: #1d84c0 } 100% {background: #1d84c0;}}
@keyframes bounceshan {0% {background: #e22730}  50%{ ackground: #e22730 } 51%{ ackground: #1d84c0 } 100% {background: #1d84c0;}}




@-webkit-keyframes rotate{
    from{
        -webkit-transform:rotate(0deg)
    }

    to{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg)
    }
}
@keyframes rotate{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}



@-webkit-keyframes bounce-yun {

    0%{
        -webkit-transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(30px);
    }
    50%{
        -webkit-transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(-30px);
    }
    100% {
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes bounce-yun {
    0%{
        -moz-transform: translateX(0px);
    }
    25% {
        -moz-transform: translateX(30px);
    }
    50%{
        -moz-transform: translateX(0px);
    }
    75% {
        -moz-transform: translateX(-30px);
    }
    100% {
        -moz-transform: translateX(0px);
    }
}

@keyframes bounce-yun {
    0%{
        transform: translateX(0px);
    }
    25% {
        transform: translateX(30px);
    }
    50%{
        transform: translateX(0px);
    }
    75% {
        transform: translateX(-30px);
    }
    100% {
        transform: translateX(0px);
    }
}



@-webkit-keyframes bounce-jqt {

    0%{
        -webkit-transform: translateX(0px);
        opacity: 0.8;
    }

    50%{
        -webkit-transform: translateX(60px);
    }

    100% {
        -webkit-transform: translateX(100px);
        opacity: 1;
    }
}

@-moz-keyframes bounce-jqt {
    0%{
        -moz-transform: translateX(0px);
        opacity: 0.8;
    }

    50%{
        -moz-transform: translateX(60px);
    }

    100% {
        -moz-transform: translateX(100px);
        opacity: 1;
    }
}

@keyframes bounce-jqt {
    0%{
        transform: translateX(0px);
        opacity: 0.8;
    }

    50%{
        transform: translateX(60px);
    }

    100% {
        transform: translateX(100px);
        opacity: 1;
    }
}

@-webkit-keyframes bounce-op {

    0%,100%{

        opacity: 0;
    }


}

@-webkit-keyframes bounce-op1 {

    0%,100%{

        opacity: 1;
    }


}

.newstop .wrap .item{
    display: inline-block;
    font-size: 15px;
    background: #fff;
    width: 135px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px;
}
.newstop .wrap .xwdt{
    font-size:42px; 
    padding-top:90px;
    color:#2e98e5;
}
.newstop .wrap .xwdttt{
    background: none;
    padding-top:35px;
}
.newstop .wrap .item:hover{ 
    background: #008fee; 
    color: #fff;
}